Change header style

  • Resolved rustambaratov

    (@rustambaratov)


    6 years ago

    Hi,

    Thank you for sharing the theme, especially with WooCommerce!

    My question, is there a change to update the headers style, so the logo, like ‘Sullivan’ is to the left and the search to the right or somehow edit the CSS to display the Site Identity / Site Title on the left side?

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anders Norén

    (@anlino)

    6 years ago

    Hi @rustambaratov,

    Glad you like it! Sure, it’s possible, but a bit finicky. Adding the following to Appearance → Customize → Additional CSS should do it:

    @media ( min-width: 1000px ) {
	.site-header .header-titles {
		margin-left: 0;
		text-align: left;
	}
	.header-search {
		left: auto;
		right: 240px;
		width: 200px;
	}
}

    If you’re not displaying the “Sign in” link in the header, you can reduce the right value of the .header-search element a bit.

    — Anders

    Thread Starter rustambaratov

    (@rustambaratov)

    6 years ago

    Hi Anders,

    Thank you. This is a great solution and it works. I did some research on CSS and I found this as a viable solution. This will hide the search input – FYI. -300px gives a nice margin-left I think.

    .site-header .custom-logo-link img {
	left:10%;
	margin-left:-300px;
}

.header-search input[type="search"] {
	display: none;
}
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Change header style’ is closed to new replies.