Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #847472

    Hi,

    I followed the instructions here (http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/) on setting the burger menu to activate at a higher resolution in my child style.CSS, but it is not working. The site is multilingual and the Japanese text is covering the menu on some smaller screens.

    Below are the site link and login credentials.

    #847483

    Hey dmpitzer,
    There is now a option in Enfold Theme Options > Main Menu > Menu Items for mobile > Activate for Smartphones and Tablets
    2017-09-03_174224

    Best regards,
    Mike

    #847487

    Hi Mike,

    Thanks for the quick reply!

    I have that option set already and the 990px is too small, I need it to switch to the burger menu at 1024px or larger.

    Dave

    #848107

    Hi Dave,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:1024px) {
      .main_menu #avia-menu li {
        display: none;
      }
    
      .main_menu #avia-menu li.menu-item-avia-special {
        display: block;
      }
    }
    

    Hope this helps :)

    Best regards,
    Nikko

    #848840

    Hi Nikko,

    Unfortunately, this did not work. I also have another issue on the main page (see link below). Could they be related?

    Thank you for your help, you all have the best support!

    Dave

    #849000

    Hi,

    I have checked it and it does work, I resized my browser and check ipad view just to verify if it’s working, you should be able to see that it’s working on the screenshot (link in private content).

    Best regards,
    Nikko

    #849142

    Hi Nikko,

    You are correct, sorry for the confusion. Please close the ticket and have a great day!

    Dave

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Switching to mobile menu on higher resolutions – Not Working’ is closed to new replies.