Mobile Menu

  • Resolved saraneve

    (@saraneve)


    3 years, 3 months ago

    HI,
    I would like to know if it is possible to make the mobile menu like in the image I have attached. Basically: search icon and hamburger together with the logo, all sticky.

    Thanks for the attention.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Alexander Agnarson

    (@alxmedia)

    3 years, 3 months ago

    Hi there! Here is a start for you, add this in Customize > Additional CSS:

    @media only screen and (max-width: 479px) {	
	#theme-toggle { display: none; }
	.toggle-search { top: -62px; }
	#wrap-nav-header { position: relative; z-index: 99; }
	#wrap-nav-header .menu-toggle { margin-top: -62px; }
	.nav-menu.mobile > div > ul > li:last-child { margin-bottom: 82px; }
}

    Making it all sticky is a bit more complicated.

    Thread Starter saraneve

    (@saraneve)

    3 years, 2 months ago

    Thank you very much!

    I will try to optimize the theme to make it as personal as possible.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Mobile Menu’ is closed to new replies.