Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 12, 2017 at 9:20 pm #820219
    Camilla88

    Hi,

    I have a problem with my burger menu on tablet.
    I added this CSS provided by your great team for another website on an older version of enfold.

    I wish to use it the current site I am working on, but when I add it, the burger menu in the right side is gone.
    Can you adjust the CSS?

    Thanks :-)

    @media only screen and (max-width: 1024px) {
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    nav.main_menu { display: none; }}
    #wrap_all {
    position: relative !important;
    }

    July 13, 2017 at 1:49 am #820289
    Sarah

    Hey Camilla,

    Please remove this part: nav.main_menu { display: none; }

    Please be careful to leave the } that goes right after it! :)

    This will restore your main menu. But it is not the hamburger menu. To get the hamburger menu for the iPad on landscape, please adjust the settings in Enfold > Main Menu > General > Menu Items for mobile. Please set it to “Activate for Smartphones and Mobile.

    I hope that helps!

    Best regards,
    Sarah

    July 13, 2017 at 12:29 pm #820494
    Camilla88

    I have removed it, so I have this left:

    @media only screen and (max-width: 1024px) {
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }}
    #wrap_all {
    position: relative !important;
    }

    And I activated the ‘Menu items for mobile’ for both smartphones and mobile, as instructed :-)

    But on horisontal view tablet I still have my main menu showing with all items – and not the burger menu.
    The reason I wish to have the burger menu on the horisontal view is because I have too many items. So one item is overlaping the logo.

    Have I missed something? :-)

    July 15, 2017 at 1:21 pm #821654
    Victoria

    Hi Camilla88,

    You have an extra } here
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }}     Nevermind that :)

    And the burger appears when the window size is 990 and below
    http://imgur.com/a/MFijP

    What is the size of your tablet? You can set the burger menu to be on the desktop as well, that might work for you better.

    Best regards,
    Victoria

    • This reply was modified 7 years, 5 months ago by Victoria.
    July 16, 2017 at 3:55 pm #822053
    Camilla88

    I have an iPad mini, where the screen size is 768×1024.
    So then my iPad is not included.

    Why is the setting from 990 and below, when some (like mine) tablets this bigger screensize?
    I guess it is because it would affect several desktops too, if was from 1024 and below…?

    :-(

    July 17, 2017 at 3:12 pm #822661
    Victoria

    Hi Camilla88,

    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: 1024px) {
  .av-burger-menu-main { 
       display: block; 
  }
  .main_menu .menu-item {
    display: none;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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