Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 25, 2016 at 8:59 pm #621662
    webWahine

    Hello
    My client would like to have the secondary menu placed under the logo and main menu, and keep it sticky. I could easily use the main menu and make modifications, however, they want the main menu to be a mobile pancake on all devices, including desktops. Could you please let me know what css is required, or perhaps a tweak to php? Thanks! :)

    April 25, 2016 at 9:29 pm #621679
    Basilis

    Hey webWahine!

    add this to your custom css

    
#advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }
ul#mobile-advanced {display:block;}

    To set the width of the mobile menu just add this
    .avia_transform3d .show_mobile_menu #mobile-advanced {transform: translate3d(-20%, 0, 0)}
    and change the percentage (-20%) to what you prefer.

    Pay attention to set on responsive this:

    @media only screen and (max-width: 767px) {
.avia_transform3d .show_mobile_menu #mobile-advanced {transform: translate3d(-100%, 0, 0)}
}

    to resize the mobile menu on 100% on mobile and tablet.

    Cheers!
    Basilis

    April 25, 2016 at 10:12 pm #621716
    webWahine

    Thanks for the prompt reply but to be clear my question is about moving the secondary menu down to below the main menu, which will always be a pancake.

    I have already done the css to make the main menu work as a pancake on all devices, so please let me know how to place the secondary menu under the main menu and logo. Thanks again! :)

    April 27, 2016 at 2:02 pm #623065
    Yigit

    Hi!

    Can you please try using Fullwidth Sub Menu element under Content Elements tab of Advanced Layout Builder instead? :)

    Cheers!
    Yigit

    April 27, 2016 at 5:46 pm #623259
    webWahine

    Ok, so this might work – I added it into the home page as the first item because I’m using a fullwidth easy slider. It appears at the very top before scrolling and then jumps down to below the logo and header as scrolling starts. Is there a way to have it below the logo and pancake menu at all times? I’m putting a link in the private area so you can see what we have – working on another option as well with a widget but it’s buggy (grabbing some content from the footer). thanks again!

    April 30, 2016 at 12:44 pm #624964
    Josue

    Hi,

    I think using a header widget would be the better option if you want this element to ‘live’ in the header, can you expand on what buggy-ness you encountered?

    Best regards,
    Josue

    May 4, 2016 at 5:11 pm #627359
    webWahine

    Sorry for the delay – it was pulling content from the footer and placing it under the widget but it seems to be working properly now so all is well! Thanks so much :)

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Move sticky secondary menu under main menu’ is closed to new replies.