Make header for desktop and mobile the same

  • Hi, I am trying to get my desktop header to appear like the default mobile header does (with the logo centered and the search and menu on the sides).

    I am a total newbie — how do I do this?

Viewing 1 replies (of 1 total)

  • I think the following CSS in Appearance->Customize->Additional CSS will get you close to what you’re looking for

    #site-header .header-titles-wrapper {
	margin: 0 auto 0 auto;
}

#site-header .header-navigation-wrapper {
	position: absolute;
	width: 95%;
}

#site-header .header-navigation-wrapper .header-toggles {
	left: 0;
	position: absolute;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Make header for desktop and mobile the same’ is closed to new replies.

Tags