Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 18, 2025 at 4:54 pm #1475352
    nancyT

    Hi,
    Can anyone suggest the correct CSS to move my burger menu to the right of where it currently displays? I don’t want to move the logo or menu on desktop devices, just mobile.

    Thanks much
    Nancy

    https://gardrolma.org

    • This topic was modified 3 days, 20 hours ago by nancyT.
    January 18, 2025 at 9:31 pm #1475358
    Mike

    Hey nancyT,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
	.av-burger-menu-main.menu-item-avia-special,
	.responsive.html_cart_at_menu.html_header_searchicon .menu-item-search-dropdown {
		right: -100px;
	}
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.
    Screen Shot 2025 01 18 at 3.30.31 PM

    Best regards,
    Mike

    January 20, 2025 at 8:40 pm #1475451
    nancyT

    Thank you ! That did the trick.

    Nancy

    January 21, 2025 at 3:03 am #1475460
    Ismael

    Hi,

    Great! Glad to know that this has been resolved. Please feel free to open another thread if you have more questions.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Burger Menu Position – small screens’ is closed to new replies.