Ecommerce Shopify WordPress Discussion

Logo resize – mobile version

I'm trying to change the size of logo on my site (www.skyrox.pl) on mobile versions only. I'm trying with this code, but it doesn't seem to work. @media (max-width: 360px) { .header-main .logo { max-width: 50%; max-height: auto; } } Adding an additional CSS in WP Customize utility.
Target the img tag when applying CSS and increase mobile view width: @media (max-width: 768px) { .header-main .logo img { max-width: 50%; max-height: 50px; /* Change as per needed */ } } if still not working then try using !important: @media (max-width: 768px) { .header-main .logo img { max-width: 50% !important; max-height: 50px; /* Change as per needed */ } }

January 27, 2024

TurboCommerce make the better internet purchasing globaly

Turbo Multi-language Translator

Make the better internet purchasing globaly

Turbosify SEO Speed Booster

5.0 (7) • Free plan available
Get better conversions by improving store loading speed Installed

Turbo Multi-language Chat - AI Customer service in one hand

TurboCommerce make the better internet purchasing globaly
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) • Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.