Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 2, 2017 at 3:44 pm #833524
    juliacecere

    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 :)

    August 3, 2017 at 6:46 am #833764
    Rikard

    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

    August 3, 2017 at 6:15 pm #833970
    juliacecere

    Thanks! Attached!

    August 8, 2017 at 11:36 am #835791
    Ismael

    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

    August 20, 2017 at 7:25 pm #841737
    juliacecere

    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!

    August 21, 2017 at 6:50 am #841864
    Ismael

    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

    August 21, 2017 at 3:55 pm #842065
    juliacecere

    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!

    August 22, 2017 at 8:10 am #842354
    Ismael

    Hi,

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

    Best regards,
    Ismael

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