Support » Theme: Sullivan » Change header style

  • Resolved rustambaratov

    (@rustambaratov)


    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)

    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

    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)
  • You must be logged in to reply to this topic.