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
Solved! Go to the solution
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; } }
Hello @arrowadvisors,
Can you please share your site url
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
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; } }
User | Count |
---|---|
395 | |
202 | |
146 | |
42 | |
40 |