Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 31, 2016 at 8:42 pm #706469
    ckonanz

    Hi there,

    What’s the code for ensuring that when the site loads the mobile menu that it is set to a maximum of “X” for fixed width, rather than filling the whole page?

    October 31, 2016 at 9:18 pm #706478
    Vinay

    Hey Chris,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #mobile-advanced {
    max-width: 360px!important;
}

    Best regards,
    Vinay

    October 31, 2016 at 9:21 pm #706480
    ckonanz

    Tried that, although to test on my desktop it puts the menu over to the right and I cannot see it at all…

    October 31, 2016 at 9:53 pm #706486
    Jordan

    Hi,

    Try the following instead:

    @media only screen and (max-width:767px) {
#mobile-advanced {
    max-width: 360px!important;
}
}

    Should only work on mobile devices.

    Best regards,
    Jordan

    October 31, 2016 at 9:59 pm #706488
    ckonanz

    Here’s the code we currently have:

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

    #mobile-advanced {
    max-width: 360px!important;
    }

    The reason is so that our menu doesn’t shrink and go over top of media elements when on a desktop or iPad.

    With this code now, the mobile menu is not usable on iPad, but works on mobile.

    October 31, 2016 at 10:20 pm #706494
    Jordan

    Hi,

    Thanks for getting back to us.

    I understand the issue. Could you please provide login details to your WordPress dashboard and we will have a closer look to give you a code that better fits what you want to achieve.

    Best regards,
    Jordan

    October 31, 2016 at 10:41 pm #706501
    ckonanz

    I removed the mobile code as it wasn’t working.

    November 3, 2016 at 3:21 am #707481
    Ismael

    Hi,

    We added the following css in the Quick CSS field.

    #mobile-advanced {
    width: 350px;
    right: -350px;
}

    Best regards,
    Ismael

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