Sites Bottom Margin Not Working

Hi s-design, this is a great question, and tricky. Your body has relative positioning added to it, which messes up your site when the Google translate toolbar drops down.

Add this to your theme’s style.css file and let me know if it works, and double-check that other areas on your site are still displaying properly, it might have been added there for a very good reason, but sometimes not.

body { position:static !important; }

Thanks for your response.

I tried adding to the body { position:static !important; }
I also tried removing it.

I tried adding to the body { position: relative; }
I also tried removing it.

The .site style adds margin to the bottom margin I have tried adding & removing
{ position:static !important; }
{ position: relative; }
to this style

None of this changed the bottom margin. Any other ideas?

Hi s-design, sorry to hear that doesn’t work. Weird.

Your best bet is to have me take a look on my own – if that would be okay with you. You could setup a new user and allow admin access for me to your website. Then I could see what is happening there.

I’m 80% sure it can be fixed though – sometimes the themes don’t make it easy to override styles, that could be what is happening.

Let me know and I’ll take a stab at it!

Thanks, Rob

s-design, you can send me any information for login to this contact form here: https://www.studio88design.com/get-in-touch/.

Thanks!

Hi s-design, I am noticing that in Firefox your website actually works properly now, even when the toolbar drops down. I actually do see bottom margin there. However, I notice that Google Chrome and Internet Explorer are not showing any margin at bottom, even before the Google Toolbar displays.

And I also notice that when I change back to the original body style (i.e. body { position:relative; }), the site still does not show the margin at bottom, in Google Chrome or Internet Explorer.

Do you remember if this site ever showed bottom margin in all browsers? This could mean that we need to change the way margin is added to the bottom of the website in your theme, because what’s there now is not working correctly.

Let me know your thoughts – I’m glad to help if you want me to try.

Thanks!

Hi s-design, I fixed it – your HTML tag had height:100%; assigned to it, which I’m guessing restricted the space just outside of your website. And previously, when you added body { position:static } in combination with the above, things got worse and worked only in Firefox.

Now I have added html { height:auto !important; } AND body { position:static !important; } to your site, and it works great. Would you mind verifying this and just send me a quick email letting me know it worked.

This is a nice site. Great job…..

Hi Rob, It worked beautifully! Thank you so much. That was so nice of you to go out of your way to figure this out for me. Thanks again! You can call this thread resolved.

That’s great! I will close this as resolved. And since you are most satisfied right now, I will ask you to go vote or write a quick review. But only if you want, it’s not completely necessary.

Thanks so much for using the plugin! An awesome paid version is getting ready for launch here in about a week. You may hear about it at some point.

Rob