Menu above built with this plugin including Mega Menu.

Lower the menu

This topic contains 3 replies, has 2 voices, and was last updated by  Peter Featherstone 1 year, 1 month ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #29964 Reply

    Alex

    Team, i’ve been playing for a couple of hours how to bring the menu lower.
    I want the menu to slide from the right, under the hamburger/X button. Currently the button is overlayed on top of the menu, and i want the menu to be positioned lower than the button. Please help with the setting

    Thanks!
    Alex

    #29969 Reply

    Hey Alex,

    I don’t believe there is a setting for what you are trying to achieve.

    I think it sounds like all you need to do is add a margin to the menu container via some Custom CSS.

    If you are not sure on how to achieve this then if you provide a link to a page where you want help with then I can do it for you.

    Please advise

    Peter

    #29997 Reply

    Alex

    Hi, thank you i figured out the custom CSS. I can display it now lower when i click the hamburger button. When i click the X however it jerks back up.
    What do i need to add to my CSS?

    the website is mindescaperoom.com

    Thanks!

    #30032 Reply

    Hey Alex,

    You seem to have attached the margin to the .responsive-menu-pro-open class which is why you are seeing the jump, as that class is only added when the menu is open.

    You should only need the below:

    #responsive-menu-pro-container {
       margin-top: 60px;
    }

    All the best

    Peter

Viewing 4 posts - 1 through 4 (of 4 total)
Reply To: Lower the menu
Your information:





<a href="" title="" rel="" target=""> <blockquote cite=""> <code> <pre> <em> <strong> <del datetime=""> <ul> <ol start=""> <li> <img src="" border="" alt="" height="" width="">

Responsive Menu Title Image
Responsive Menu
No coding knowledge needed