Hi all,
On the mobile version of my website there is a massive gap between the header + product images
How can I get rid of this? The desktop version works perfect not sure why mobile isn’t working.
I’ve attached what it looks like
in base.css you have this line
section#MainProduct-template–20602637943080__main {
padding-top:140px;
}
Remove it, if there a specific products that should be applied to use custom-liquid blocks with logic to only active styles on specific products, or use alternate templates with custom-css.
https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css
Hi @Lorcanmcp
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
@media (max-width: 767px){
.shopify-section .page-width {
padding-top: 0 !important;
}}
Hope that my solution works for you.
Best regards,
Henry | PageFly