Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 14, 2016 at 8:03 pm #565747
    twenty1design

    Hey there!
    I am using the left side navigation on a site and want to be able to make it go hamburger menu style on a tablet. It will only go to mobile for smartphones and not on tablets.

    Is there anything I am missing?

    I know the setting in Header allows you to adapt to tablets when you have a top header, but that option is removed with a side nav.

    Thanks!

    January 15, 2016 at 4:57 am #565934
    Rikard

    Hey Paul,

    Please try the following in Quick CSS under Enfold–>General Styling:

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

    Thanks,
    Rikard

    January 19, 2016 at 8:21 pm #568087
    twenty1design

    Thanks Rikard!
    That gave me the hamburger menu perfectly, but there is still the white nav area down the whole left side. Any help there?

    Thank YOU!

    January 19, 2016 at 9:00 pm #568110
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #wrap_all {
position: relative !important;
}

    Cheers!
    Yigit

    January 20, 2016 at 11:41 pm #568966
    twenty1design

    Thanks for that Yigit!
    That seems to work on 7 inch tablets, but not 10 inch.

    Any thoughts?

    January 22, 2016 at 9:59 am #569858
    Vinay

    Hi!

    Please provide the link to your website when we can look and inspect the issue. Also admin login details as private content with permission to add css if necessary.

    Cheers!
    Vinay

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