Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 11, 2017 at 4:42 pm #819506
    Vikab

    Hi
    How to switch to mobile menu on higher resolutions in Enfold 4.1

    For exampel: (min-width:992px) and (max-width:1024px)

    Sincerely
    /Maria

    July 11, 2017 at 4:46 pm #819509
    Jordan Shannon

    Hey Vikab,

    Please see the following:

    Switching to mobile menu on higher resolutions

    Best regards,
    Jordan Shannon

    July 11, 2017 at 4:51 pm #819516
    Vikab

    This is not working in the lastest Enfold 4.1

    July 11, 2017 at 5:04 pm #819524
    Jordan Shannon

    Hi,

    Please provide a link to the site so I can look into this for you further.

    Best regards,
    Jordan Shannon

    July 12, 2017 at 7:45 am #819846
    Vikab

    It doesen´t show up.

    July 12, 2017 at 1:00 pm #819974
    Victoria

    Hi Vikab,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    July 12, 2017 at 1:09 pm #819984
    Vikab

    Hi Victoria
    Sure,.
    Sincerely
    /Maria

    July 12, 2017 at 3:50 pm #820069
    Vikab

    We would really appreciate it if you do this as soon as possible!
    Sincerely
    /Maria

    July 12, 2017 at 3:55 pm #820073
    Yigit

    Hi Maria,

    I added following code to Style.css file of your child theme

    @media only screen and (max-width: 1024px) {
.av-burger-menu-main { display: block!important; }
#top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none!important;
}}

    and remove previous version of the code. Please review your website :)

    Best regards,
    Yigit

    July 12, 2017 at 4:13 pm #820076
    Vikab

    Hi

    Thankyou.
    It does not look quite right.
    Check out the link I sent.

    July 12, 2017 at 4:24 pm #820085
    Yigit

    Hi,

    I changed the code to following one

    
@media only screen and (max-width: 1024px) {
.av-logo-container .main_menu, #top .av-small-burger-icon { display: block!important; left: auto!important; right: 0!important; }
#header_main_alternate .main_menu {
    display: none!important;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
    padding-top: 122px;
}}

    Please review your website again :)

    Best regards,
    Yigit

    July 12, 2017 at 4:36 pm #820093
    Vikab

    Thanks so much!
    It works well.

    This might be something to include in the next version?

    When we update many websites with older Enfold, we will need to insert this css in each site manually. Can you solve it easier? Should we wait for updates?

    There are several hundred of sites we handle!

    July 12, 2017 at 4:39 pm #820095
    Yigit

    Hi,

    You are welcome! We are always happy to help :)

    I understand. Please feel free to request – or vote if already requested – such feature on Enfold feature request form. I believe there will be more users voting for such feature :)

    Let us know if you have any other questions or issues!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘How to switch to mobile menu on higher resolutions in Enfold 4.1’ is closed to new replies.