Hey!
I'm using Prestige and my site has a top banner (full width) and boxes below.
I've changed the code so that the boxes show on mobile (via Shopify forum and Google forum)
<meta name="viewport" content="width=device-width, initial-scale=1">
But the header still isn't scaling.
Does anybody know how I can solve this?
Thanks!
Solved! Go to the solution
Hello SuzieQ,
Please share your site url so that I will give you exact solution
This is an accepted solution.
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file
@media screen and (max-width: 640px) { #section-1569574527070 .ImageHero { min-height: 380px !important; } } @media screen and (max-width: 480px) { #section-1569574527070 .ImageHero { min-height: 280px !important; } }
This is an accepted solution.
Add below CSS
@media screen and (max-width: 640px) { .ImageHero__Image.ImageHero__ImageWrapper--hasOverlay { background-position: center top !important; } }
User | Count |
---|---|
730 | |
142 | |
104 | |
64 | |
37 |