Forum Support

 
Advanced Search


[1]

Offline ujalal
Free Member
Posts: 69
Posted on: March 14, 2018, 12:19:59 AM

Hi there,

I thought I posted this a few days ago, but I cannot find the original post. Please see attached images.

How would I go about fixing this? On the desktop browser, the alignment is fine. On a mobile device, I would expect the text to drop down under the picture.

Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: March 14, 2018, 11:35:48 AM

Hello,

Please post a URL to this page and I can help you adjust the CSS.

Thanks
Logged

Offline ujalal
Free Member
Posts: 69
Posted on: March 14, 2018, 06:02:19 PM

http://www.givelight.org/news/2018/280-let-s-get-this-done.html

You would need to look at it on a mobile device to replicate the problem.

Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: March 15, 2018, 01:01:43 PM

Please try adding the following to the bottom of your custom.css file:

Code:
@media screen and (max-width: 455px){
img.leftside {float:none;width:100%;text-align:center;}
}
Logged

Offline ujalal
Free Member
Posts: 69
Posted on: March 17, 2018, 10:16:50 AM

Thanks!

That worked. I added something similar for the right side:

@media screen and (max-width: 455px){
    img.rightside {float:right;width:100%;text-align:center;}
   img.leftside {float:none;width:100%;text-align:center;}
}
Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.019 seconds with 21 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.