|
: Text misaligned next to article image on mobile device. : ujalal 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. : Re: Text misaligned next to article image on mobile device. : jonahh March 14, 2018, 11:35:48 AM Hello,
Please post a URL to this page and I can help you adjust the CSS. Thanks : Re: Text misaligned next to article image on mobile device. : ujalal 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. : Re: Text misaligned next to article image on mobile device. : jonahh March 15, 2018, 01:01:43 PM Please try adding the following to the bottom of your custom.css file:
: @media screen and (max-width: 455px){: Re: Text misaligned next to article image on mobile device. : ujalal 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;} } |