Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 2, 2020 at 2:41 pm #1180668
    Courtney

    Hi guys!

    I’ve added the CSS code to make the mobile menu sticky. It worked, however, there’s some whitespace. Can you take a look at these sites to let me know how to get rid of the whitespace this CSS created underneath the sticky menu on mobile?

    Please see private section.

    Thank you in advance!

    February 3, 2020 at 12:23 pm #1180861
    Victoria

    Hey Courtney,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
    .responsive #top #main {
        margin-top: 80px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 3, 2020 at 12:53 pm #1180886
    Courtney

    Hi there,

    I tried the code above in CSS, it seems to have worked on all the pages except the homepage.
    Can you take a peek?

    Thanks in advance :)

    February 3, 2020 at 8:40 pm #1181026
    Victoria

    Hi Courtney,

    I do not see the extra space on the websites. Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

    February 5, 2020 at 8:18 pm #1181896
    Courtney

    You are correct :) it was a caching issue.

    Thank you so much for helping me !

    Have a great day!

    February 6, 2020 at 7:06 pm #1182126
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Sticky Menu on Mobile’ is closed to new replies.