Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 24, 2018 at 2:48 pm #1001258
    ESWEENEY113

    We’re preparing to launch a site today and just realized the menu is not displaying in the mobile view. We get the burger menu but when it opens the screen is just black. No menu items are listed. The titles should appear in a white font. Can you take a look and see if you’re seeing the same thing? Thanks!
    Erin

    August 24, 2018 at 3:01 pm #1001265
    Yigit

    Hey Erin,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
#top #wrap_all #av-burger-menu-ul > li { opacity: 1; }

    Not really sure why but currently opacity is set to 0. We would also recommend decreasing font size of mobile menu as currently they are a bit too large :)

    Best regards,
    Yigit

    August 24, 2018 at 3:59 pm #1001284
    ESWEENEY113

    Thanks! I added the css but I’m not seeing a change yet. I went into Advanced Styling as well. Do I adjust the mobile menu font using the Menu Links in overlay/slide out option?
    Thanks again,
    Erin

    August 24, 2018 at 7:42 pm #1001368
    Vinay

    Hi,

    The menu icon shows but it is almost white on white. You can change the icon color from Advanced Styling options.

    The menu items are not showing correctly. Would you know of any custom code being added to the site to modify the menu items apart from the one Yigit gave or any recent changes like installing a plugin? From when are you facing this issue?

    Please post the WP login credentials in private and let us know if we can deactivate the plugins for testing purpose.

    Best regards,
    Vinay

    August 24, 2018 at 10:55 pm #1001426
    ESWEENEY113

    Hi-
    I actually changed the color of the menu icon because the mobile menu wasn’t working properly. I didn’t want folks to use it but I still wanted you guys to see it. I added a menu to the footer which displays on the homepage for now since we had to launch the site today, but that’s not ideal. We want the mobile menu to work.
    We don’t have any plugins on the site that should be affecting this. I like the Enfold theme specifically because it includes so much, there’s no need to add plugins.
    We just noticed the mobile menu issue this morning which was the first time I viewed the site on a phone.

    Thanks!

    • This reply was modified 6 years, 3 months ago by Victoria.
    August 25, 2018 at 12:05 pm #1001607
    Victoria

    Hi ESWEENEY113,

    I added this code to your Quick css and the links show up now:

    
@media only screen and (max-width:767px) {
    #top #wrap_all #av-burger-menu-ul > li {
        opacity: 1;
    }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 25, 2018 at 2:21 pm #1001649
    ESWEENEY113

    Thank you Victoria! Just one more question: I need to make the font size smaller. Is this something that I can do through Advanced Styling? It’s words are far too big.
    Thanks!
    Erin

    August 25, 2018 at 6:15 pm #1001704
    Victoria

    Hi Erin,

    Best regards,
    Victoria

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