Andy Warhol Woo theme Logo

Hello, I would like to increase my logo size (I know it's not recommended for responsive issues, but I'll play around with it) and also hide the search bar in the header to allow more room for the increased logo in mobile views. Could I have the code to do these things since I'm not seeing an option? Thanks
 
Adjusting the height px here seems to be working for the logo:

.header-main__logo img {
max-width: 250px;
max-height: 100px;
height: 62px;

I at least want to narrow the search bar field on mobile views. The only thing I could find was this:

@media (max-width: 991px)
.header .search-input-container input.search-field {
border-color: transparent!important;
padding-left: 15px;
background-color: #f4f4f4;
border-radius: 3px;
height: 40px;
transition: .2s background-color;

Adjusting the height px narrows the input field on developer mode, but it resets to the default 40 whenever I publish the additional code. Any ideas
 

chris37

Well-Known Member
Adjusting the height px here seems to be working for the logo:

.header-main__logo img {
max-width: 250px;
max-height: 100px;
height: 62px;

I at least want to narrow the search bar field on mobile views. The only thing I could find was this:

@media (max-width: 991px)
.header .search-input-container input.search-field {
border-color: transparent!important;
padding-left: 15px;
background-color: #f4f4f4;
border-radius: 3px;
height: 40px;
transition: .2s background-color;

Adjusting the height px narrows the input field on developer mode, but it resets to the default 40 whenever I publish the additional code. Any ideas
Try to use the important next to height: (see below)

CSS:
@media (max-width: 991px)
.header .search-input-container input.search-field {
border-color: transparent!important;
padding-left: 15px;
background-color: #f4f4f4;
border-radius: 3px;
height: 40px!important;
transition: .2s background-color;
 
Top