Hamburger menu

  • chriscaldwell11

    (@chriscaldwell11)


    3 years ago

    Hello!
    When I click the hamburger menu, it opens up to a full page with the menu items in desktop view. Is there a way to trim this so it’s more of a dropdown column type of look so you can still see the page, rather than it being totally obscured?
    Thank you!
    Chris

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Alvaro Gómez

    (@mrfoxtalbot)

    3 years ago

    There is not theme setting for this at the moment and turning the current overlay into a dropdown can be trickier that it seems. That being said, you can accomplish something similar adding the CSS code below to your Site Editor:

    /* Make reponsive overlay smaller */
.wp-block-navigation__responsive-container {
	max-width:50vw;
	min-width: 300px;
	right:0;
	left:auto;
}
/* Reposition "X" to match the burger's position */
.wp-block-navigation__responsive-container-close {
	top:30px
}

    Once you add this code, your menu should only use part of your screen, as seen in the screenhot below:

    Screen Shot on 2023 06 04 at 07 31 45
Viewing 1 replies (of 1 total)

The topic ‘Hamburger menu’ is closed to new replies.