Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 5, 2017 at 10:30 pm #756048
    Uri_Berry

    Hi Kriesi!

    I love the new menu style (hamburger flyout menu) you added on the last update,
    but why doesn’t it work on mobile also? could I make it work on mobile?
    I’m a designer and believe the current mobile menu design is outdated…

    Thanks for the new feature!
    Uri

    March 6, 2017 at 8:34 am #756221
    Basilis

    Hi Uri_Berry!

    Thank you for your kind words.
    Please use the following

    @media only screen and (max-width: 990px) {
.responsive.html_mobile_menu_tablet .main_menu .avia-menu {
    display: block;
}
#advanced_menu_toggle { 
display: none !important; 
}}

    let us know if it works out for you.

    Regards,
    Basilis

    March 6, 2017 at 5:27 pm #756508
    Uri_Berry

    Hi, thanks for the reply,
    I’m afraid it does not work for mobile,
    just eliminates the mobile menu…
    check out the link

    March 7, 2017 at 4:52 pm #757101
    MR_BAK

    Hi !
    i don’t know if this will work for you but try to add this in your custom css :

    @media only screen and (max-width: 767px) {
.main_menu .avia-menu {
    display: block !important;
    position: absolute;
    top: 0em;
    right: 0em;
}
#advanced_menu_toggle { 
display: none !important; 
}
}

@media only screen and (max-width: 767px) { 
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
  background: transparent!important;
  position: absolute!important;
}
}
    • This reply was modified 7 years, 9 months ago by MR_BAK.
    March 7, 2017 at 5:02 pm #757111
    Yigit

    Hi!

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (min-width: 768px) {
li#menu-item-burger { display: none !important; }
.js_active.html_burger_menu #avia-menu > li {
    display: block;
}}
@media only screen and (max-width: 767px) {
#advanced_menu_toggle, #advanced_menu_hide { 
display: none !important; } 
.responsive.html_mobile_menu_tablet .main_menu .avia-menu { display: block; }}


    @mr_bak     Thanks for your help! :)

    Cheers!
    Yigit

    March 7, 2017 at 5:46 pm #757151
    Uri_Berry

    Great! Thanks a lot you guys!

    @mr_bak     CSS worked for me,

    Is there a way to make the hamburger icon smaller?

    Uri

    March 7, 2017 at 8:35 pm #757239
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    #menu-item-burger span {
    width: 25px;
}

    Best regards,
    Yigit

    March 8, 2017 at 2:55 pm #757812
    Uri_Berry

    Excellent!

    Thanks, great work,
    best support team ever!

    March 8, 2017 at 3:00 pm #757815
    Yigit

    Hey!

    You are welcome!

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Creative Studio Menu for Mobile’ is closed to new replies.