Logo appears to be too small on mobile view

Solved
Highlighted
Tourist
7 0 0

I have been following the previous posts to find a solution but unfortunately none of them worked for us. The logo is quiet small when you visit the site nealsam.com on android devices which is relevantly better on iOS.

 

Any input would be greatly appreciated.

 

Thanks,

 

Paul

 

0 Likes
Highlighted

This is an accepted solution.

Hello @nealsam,

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

@media screen and (max-width: 380px) {
.header__line-top {
	padding: 0 !important;
}
}
@media screen and (max-width: 500px) {
.header__btn-menu {
	margin-right: 5px !important;
}
.header__sidebar .ml-25 {
	margin-left: 10px !important;
}
}

 

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
0 Likes
Highlighted
Tourist
7 0 0

That's worked perfectly. Thank you

0 Likes
Highlighted
New Member
1 0 0

I'm also experiencing the same issue, however it doesn't change for me when I add this code. Any additional thoughts on how to resolve this issue?

 

0 Likes
Highlighted

Hello @arrowadvisors,

Can you please share your site url

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
0 Likes
Highlighted
Tourist
6 0 1

https://feedingbottle.myshopify.com/ can u help me bro it looks good on desktop but small on mobile, when I change the max width it just goes too far to the right and its not centered

0 Likes
Highlighted

Hello ,

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and(max-width:768px){
.site-header .one-quarter {
    width: 20%;
}
.site-header .medium-down--one-half {
    width: inherit!important;
}
}
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
1 Like
Highlighted
Tourist
6 0 1

It wooorked thank u so much bro <3

0 Likes
Highlighted
Tourist
6 0 1

Also, how do I make the product image bigger? I tried resizing it in photoshop but its not working its still the same

0 Likes
Highlighted
New Member
7 0 0

Hello

 

I tried  both  Asset->theme.scss.liquid->codes in bottom of file 

However in mobile view still its too small my logo

 

Is there a walk around should i more play with width or px levels?

 

Thank you

0 Likes