Docs

[powrider686]

Hello,
On my site http://earthrise50.oceanplanet.wpengine.com/,

user: demo pass: earthrise

I’m having some issues with the green background at the bottom of the page with the turtle image and wording displaying on mobile. I used some margins to get the image and text to display over the background, but not it doesn’t display properly on mobile, while working fine on Desktop on Landscape tablet, but not on Tablet portrait and Phone.

I’d like the image to be on the left side and retain it’s look on mobile, but I can’t figure out how to make that work. Can you help??

Thank you!

[powrider686]

Also, how might I make the footer widget area smaller in height?

Thanks for the help!

Marcus

[Jade]

Hi Marcus,

Instead of adding negative margins to the turtle image, try selecting the container then add position: relative; to the style field then select the image element and add the following to the style field: position: absolute; top: -30px; left: 70px;

Hope this helps.

[Author]

Posts