Reduce Logo Size on Mobile View Only - District Theme

Highlighted
New Member
4 0 0

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
Anonymous
Not applicable
715 0 56

please share your store url

0 Likes
New Member
4 0 0
Anonymous
Not applicable
715 0 56

 

 

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

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
New Member
4 0 0

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