Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #833524

    Whenever I visit my site (awanderologist.com) on Mobile devices, or decrease the width of my site on desktop, the three-bar drop-down menu icon is no where to be found. I haven’t noticed this issue until today and don’t think it’s been happening for long.

    All of my themes, WordPress platform, and plugins are updated. Help!? Thanks :)

    #833764

    Hey juliacecere,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #833970

    Thanks! Attached!

    #835791

    Hi,

    It’s not displaying because of the following css modifications in the Quick CSS field.

    nav.main_menu {
        display: none !important;
    }

    Please remove those then purge the cache.

    Best regards,
    Ismael

    #841737

    When I remove:
    @media only screen and (max-width: 1200px) {
    nav.main_menu {display:none !important;}
    #advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
    }

    the menu doesn’t respond appropriately. The menu items go down to the next line and then eventually the mobile menu shows up but it covers up the logo.

    Could you provide CSS to make the menu automatically change to the mobile menu when the user doesn’t have a screen wide enough for all of the menu items to remain in one line? And also make sure that the mobile menu stays next to the logo and doesn’t cover it up?

    Thanks!

    #841864

    Hi,

    Thank you for the info.

    Please remove the css modifications for the menu then go to the Enfold > Main Menu > General panel. Set the “Menu Items for mobile” to the second option then add the CSS code to force the mobile menu to display when the screen width is less than 1366px.

    @media only screen and (max-width: 1366px) and (min-width: 768px) {
      .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
        display: none;
      }
    
      .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
          display: block;
      }

    Best regards,
    Ismael

    #842065

    Thanks!

    However I’m still having issues. I did exactly as you indicated, however, it has randomly caused my styling to go away for my main menu links (displaying very plain text rather than Sunshiney) while in full desktop mode. When you decrease the screen size and use the mobile menu, the Sunsiney font can be seen there.

    Thanks, let me know what I should do to fix this!

    #842354

    Hi,

    How did you apply the font? I can’t find the css declaration for it.

    Best regards,
    Ismael

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