Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • April 10, 2015 at 3:39 pm #426619
    110percent

    Hello

    Is it possible to use the mobile menu across all versions of the site (desktop and mobile)? If so, would it be possible to let me have the code to do this?

    Thanks

    April 10, 2015 at 4:39 pm #426641
    echoashu

    Hey i tried that in past, and that is possible with media queries

    Lets check out with this code

    @media screen and (min-width: 1024px)
#advanced_menu_toggle, #advanced_menu_hide {
  display: block !important;
}

    You can play around with css to do the trick ;-)

    April 11, 2015 at 6:30 am #426925
    Rikard

    Hi!

    Did you try the suggestion above and did you have any luck with it? If not, please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (min-width: 1024px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}

    Cheers!
    Rikard

    April 11, 2015 at 9:17 am #426962
    Ismael

    Hey!

    Thank you for using Enfold.

    You can try to this in the Quick CSS field to show the mobile menu earlier:

    @media only screen and (max-width: 1100px) {
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide {
display: block;
}

.responsive .av_mobile_menu_tablet .main_menu {
display: none;
}

.html_mobile_menu_tablet #mobile-advanced {
display: block;
}}

    Cheers!
    Ismael

    April 13, 2015 at 9:12 am #427359
    110percent
    This reply has been marked as private.
    April 14, 2015 at 5:13 am #427986
    Rikard

    Hi!

    Please try the following to adjust the logo: 

    .html_header_top.html_logo_center .logo{
left:10% !important;
}

    Adjust the value 10 to your liking.

    Cheers!
    Rikard

    April 14, 2015 at 8:11 am #428035
    110percent

    Thank you

    April 15, 2015 at 5:05 am #428671
    Rikard

    Hi!

    You’re welcome, glad we could help.

    Regards,
    Rikard

    April 16, 2015 at 5:46 pm #429770
    110percent

    One more thing here guys. The mobile menu seems to be working fine on the desktop site, thanks.

    However, I would like to show it at only 40% width on the desktop site, at the moment it takes over the whole page, as it would on a mobile.

    Can you help?

    Thanks

    April 16, 2015 at 6:24 pm #429795
    Yigit

    Hi!

    Please try adding following code to Quick CSS 

    @media only screen and (max-width: 990px) {
#mobile-advanced {
  width: 40%;
}}

    Regards,
    Yigit

    April 16, 2015 at 6:29 pm #429802
    110percent

    Thanks. I’m afraid that has no effect. I also changed the code to min-width and it didn’t show.

    April 17, 2015 at 8:18 am #430150
    Rikard

    Hey!

    Please try if you have any luck with this:

    @media only screen and (min-width: 990px) {
.avia_transform3d .show_mobile_menu #mobile-advanced {
  -webkit-transform: translate3d(-50%, 0, 0) !important;
  transform: translate3d(-50%, 0, 0) !important;
}
}

    Cheers!
    Rikard

    April 18, 2015 at 10:22 am #430681
    110percent

    Thanks Rikard. That works perfectly.

    My final question/point would be that there’s no option to close the menu, unlike on a phone. Do you know the reason for this?

    Thanks

    April 20, 2015 at 7:14 am #431122
    Rikard

    Hi!

    Sorry about that, please try if this works:

    @media only screen and (min-width: 990px) {
#advanced_menu_hide {
  display: block !important; 
}
}

    Regards,
    Rikard

    April 20, 2015 at 8:01 am #431139
    110percent

    Thanks very much. You may already have it as a plan, but I think it would be worth including the option to use the mobile menu across all versions of the site within the theme.

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Use mobile menu across all site versions’ is closed to new replies.