Custom Logo – How to remove max-width?
-
After update to Storefront 2.3.5 my logo is much smaller than before.
This is because of max-width: 210px.
Where can I remove max-width?
Before update, I used this code in customs CSS, now it is not working anymore because of max-width of 210 px:
@media screen and (min-width: 768px) {
.site-header .custom-logo-link {
width: 170%;}
}
-
I see that in Version 2.35 there was the following fix:
Fix – Removed CSS rule that was incorrectly changing the width of image logos to 100%.
What was fixed here? Now I cannot increase the width of the logo anymore. I can make it smaller but not wider than 210px.
A quick diff on the un-minified (use csstidy) style.css in storefront v2.3.4 and v2.3.5 shows the following was removed in v2.3.5:
.woocommerce-active .site-header .site-branding img { max-width:100%; }Just add it to your child theme’s style.css to restore the previous behaviour (I haven’t checked for any side effects though).
@simonmm Many many thanks 🙂
So far it works like a charm. Saved me the hassle of finding my own solution, as I didn’t think about dif’ing the old and the new storefront.
- The topic ‘Custom Logo – How to remove max-width?’ is closed to new replies.
