Logo appears to be too small on mobile view

Store Design
1

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

2

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;
}
}
3

That’s worked perfectly. Thank you

4

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?

5

Hello @arrowadvisors ,

Can you please share your site url

6

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

7

Hello ecomgod,

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;
}
}
1 Like
8

It wooorked thank u so much bro <3

9

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

10

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

11

Im in the same situation, did you find a solution?

12

I tried using the code as well and it is still too small on mobile. Can I have some help with this?

13

I have the same issue with my website- www.smartnaturals.com.

I can not find theme.scss.liquid section in the assets under the edit code. Please help.

14

It won’t work for me my website one looks fine but my mobile one looks so small and I do t know where to add the code my website is f1wrld.com