Unwanted spacing/padding on home page in mobile view and misplaced button

Unwanted spacing/padding on home page in mobile view and misplaced button

Briannasnow
Visitor
2 0 1

 

When on desktop view my home page looks fine but when it’s on mobile view there is extra padding/spacing added to the top and bottom of the new arrivals section. How do I remove that? Also the button for this section is off on the mobile view. Thanks! 

*Should state we didn’t use a Shopify theme but instead created it through (I believe)GemPages

 

IMG_0941.png

Replies 3 (3)

CodingFifty
Shopify Partner
891 131 164

Hi @Briannasnow,

 

Thank you for reaching out to the Shopify community. I'd be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

Dan-From-Ryviu
Shopify Partner
11326 2220 2390

Please add this code to Custom CSS of that section 

@media (max-width: 749px) {
.hero-banner-bg-parallax { 
    background-size: cover;
}
}

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

Briannasnow
Visitor
2 0 1

It helps a bit with the extra space but then it cuts off the sides too muchIMG_0947.png