Make Logo Smaller on Mobile View - District Theme

Solved
Highlighted
Tourist
7 0 2
Hello,

I am looking to make my logo smaller on mobile view only. I am using the District theme, www.luxuriaco.com. Any help is much appreciated. Thanks.
0 Likes

This is an accepted solution.

Hello @Patrick_Sowa ,
You can add this code at the bottom of theme -> edit code -> assets -> theme.scss.liquid

@media screen and (max-width: 480px)  {  
header.site-header h1.site-logo img {
	max-width: 80% !important;
	margin: 0 auto;
}}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Highlighted
Shopify Expert
667 170 234

Hi, @Patrick_Sowa ,

This is Evita from On The Map.

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media screen and (max-width: 700px)  {  
  .logo-image img {
    height: 1rem!important;
  }
}

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes