-
Posts
-
I am getting what looks to be the main menu container when the site goes to mobile, tablets and phones. The main menu is hidden, but its container shows as white space bordered top and bottom by thin gray lines. I can’t find what it is.
I need to hide this as it messes up the layout and shoves everythinhg down—especiall troublesome in the store—leaving excess white space exaggerated on mobile as the screen gets smaller.
Here is a screenshot of an ipad-2 showing the issue. https://ilovetylermadison.com/BC-ipad2.tiff
What CSS can I use to hide this below tablet size?
Thank you.
– Michael
Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 989px) { .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 153px; } }Cheers!
JosueHi:
Thanks for the response. Sadly, that didn’t do it.
I did further testing and see that the extra space is occurring between 990px and 768px. Once it hits 768 the space reduces, the logo size increases and it looks OK. I looked through all my custom CSS and tried a few things, but I don’t have anything that touches that—so I assume it’s in the Enfold responsive mobile menu CSS. Whatever happens at 768px reduces that space. On the desktop it’s almost 1″.
Any ideas?
Hi,
Can you please create me a WordPress administrator account? post it here as a private reply.
Regards,
JosueHere it is.
I am making the site live right now and will take about 3-hours—be careful the clients are rivetd to the site today. I have managed to handle all issues for mobile with extensive CSS, except this one. SO I hope you can help. I just can’t tell what that space is and can’t see anything in web inspector.
Thanks.
– Michael
It looks very much better. Little things make a big difference on mobile.
Thank you very much for your help—sorry for the typos.
– Michael
- You must be logged in to reply to this topic.