Reduce Logo Size on Mobile View Only - District Theme

Highlighted
Tourist
7 0 2

Hello, I would like to reduce the logo size of my logo on mobile view only.

 

Ideally, if possible I would like to add the logo to the menu section on mobile so that it appears centered between the menu drop down and the shopping cart icon.

 

Thank you to anyone who can help!

0 Likes
Highlighted
Anonymous
Not applicable
1428 0 0

please share your store url

0 Likes
Highlighted
Tourist
7 0 2
Highlighted
Anonymous
Not applicable
1428 0 0

 

 

for increase logo size on mobile increase height and paste it into your css file

 

@media only screen and (max-width: 600px) {
header.site-header h1.site-logo img, header.site-header .site-logo.h1 img, header.site-header div.site-logo img { width: auto; max-width: 100%; height: 29px; display: block; }
}

0 Likes
Highlighted

hope you will get solution 

Shopify theme developer and customization

I Would like to add new functionality or customize an existing one, please hire me.
If helpful then please Like and Accept Solution .
Email: ashiquehussaincodediary@gmail.com

0 Likes
Highlighted
Tourist
7 0 2

Hello, thank you for your reply however I am looking to make it smaller not bigger. Can you tell me what I need to modify to do this? Thanks.

0 Likes