Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 5, 2016 at 10:38 pm #608549
    blaircomm

    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

    April 6, 2016 at 2:41 am #608623
    Josue

    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! 
    Josue

    April 6, 2016 at 5:59 am #608668
    blaircomm

    Hi:

    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?

    April 6, 2016 at 6:46 am #608695
    Josue

    Hi,

    Can you please create me a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    April 6, 2016 at 9:20 pm #609190
    blaircomm

    Here 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

    April 9, 2016 at 1:04 am #610467
    Josue

    Hey!

    Check it now, there were some typos in your Quick CSS.

    Regards,
    Josue

    April 9, 2016 at 2:21 am #610477
    blaircomm

    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

    April 9, 2016 at 4:20 am #610479
    Josue

    You are welcome Michael, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.