Hi Robert,
Q1.
Can you please help me with centering a logo? I’m using the code (see below) but the logo is not centering on mobile and smaller screens.
Also how can I move the search icon+text to the right slightly?
Q2.
Is there a way to have a “reduced” header on all other pages. The big logo looks great on the homepage but is a problem on all other pages as it takes too much space. Can I have a much smaller header which is kind of similiar to ‘fixed tophav header’ on the rest of the pages?
.header-logo {padding-left:100px;}
.header-logo img {max-width: 520px; float:none;}
@media only screen and (max-width: 1200px){
.header-logo {
left: 150px;
}
.header-type-7 .header-logo {
text-align: center;
}
}