HI,
Hoping you can help me.
On the desktop view the featured collection heading is aligned correctly.
However when i reduce the size of the browser the heading moves up and disappears behind the banner.
Could you tell me how to make the heading stay in the desktop position on all screen resolutions (tablet/mobile)?
I am using the “motion” template.
Thanks!
George
Shop preview link:
https://5povwyil9kresvp0-6808141908.shopifypreview.com
desktop view (desired position
Tablet view( (heading moves too close to the banner)
Mobile view (heading disappears behind the banner)
hii, @georgenova
Paste this code on top of the theme.scss file.
h2.section-header__title {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
Thank You.
Thanks for getting back to me so quickly!
i tried this, however this has moved my text position down on desktop (not desirable.
For tablet there is also too large of a gap above the text.
Is there a way to reduce the gap across all resolutions as mentioned?
@georgenova
Paste this code on top of the theme.scss file.
@media only screen and (min-width: 992px) {
h2.section-header__title {
margin-top: -60px!important;
}
}
Thank You.
Thanks, thats getting there. mobile size looks good too.
Though when i go under 992 wide there are still spacing issues.
Could we fix this?
@Zworthkey i cant seem to reply to your inbox
Please request collaborator access?
www.live-fast-au.myshopify.com
Thanks
