Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 13, 2014 at 9:54 pm #304038
    LecheLMP

    Under Enfold theme options > Header Layout > Mobile Menu

    There is an option to activate the mobile menu at 990px for tablets etc How can I customize this to activate at larger pixel size? 1024px for example where is the file located that I can edit this thanks.

    August 14, 2014 at 2:07 am #304113
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 1024px) {
.main_menu, #header_main_alternate{display:none;}
.container #advanced_menu_toggle, #advanced_menu_hide{display:block;}
#mobile-advanced{display:block;}
}

    Cheers! 
    Josue

    November 9, 2017 at 2:35 pm #874654
    contalento

    Hi!
    This code doesn´t work in the new version of Enfold.
    Can you help me?
    Thanks!

    November 9, 2017 at 4:19 pm #874742
    Victoria

    Hi contalento,

    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) {
  .menu-item {
    display: none;
  }
  .main_menu {
    display: block !important;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

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

    November 9, 2017 at 8:52 pm #874833
    contalento

    It works perfect.
    Thank you very much Victoria!

    November 10, 2017 at 6:08 pm #875270
    Victoria

    Hi contalento,

    Glad we got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 22, 2020 at 2:49 am #1254794
    Alex PS

    Hi Victoria,

    I have noticed that when this css is inserted the cart icon disappears from the menu.

    Do you think there is a workaroud that?

    Best,
    Alexander

    October 22, 2020 at 6:50 am #1254856
    Jordan Shannon

    Hey Alex,

    Did you have a link to the site/page in question so we can look into this further?

    Best regards,
    Jordan Shannon

    October 22, 2020 at 1:22 pm #1254963
    Alex PS

    Hi Jordan,

    Thank you getting back to me!
    Link:https://shop.pearlsmile.com/en/

    Best,
    Alexander

    October 22, 2020 at 1:34 pm #1254965
    Yigit

    Hi Alexander,

    Please add following code to Quick CSS as well

    #menu-item-shop.cart_dropdown {
    display: block;
}

    Best regards,
    Yigit

    October 22, 2020 at 1:38 pm #1254969
    Alex PS

    Hi Yigit,
    It works! Thank you lots and have a good one!
    Best,
    Alexander

    October 22, 2020 at 1:56 pm #1254973
    Yigit

    Hi,

    You are welcome!

    Let us know if you have any other questions or issues and enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Activate the mobile menu past 990px’ is closed to new replies.