Deleting the Excess White Space Between parts on Store

Highlighted
New Member
27 0 0

There's excess white space (on the mobile version of my website only) below the logo. There's also excess white space above my product pictures and below my product pictures as you can see in the pictures and this happens on the mobile and desktop version of my website. Can someone please show me what parts of the code I need to edit to get rid of these excess white spaces? I'm on the minimal standard theme and my website is http://andysdepot.com

0 Likes
Shopify Partner
839 82 125

Hey Justin,

The issue on the first screenshot is because of the header padding:

.site-header {
    padding: 40px 0;
    background-color: transparent;
}

But I think that wouldn't be an issue if the images on the product page wouldn't have the extra padding. I have looked at the code, the padding you see for the hero image is calculated by the carousel logic as it sets the height and considers the image thumbnails bar below. I believe it's more visible in your case just because you have square sized images.

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes
New Member
27 0 0

Where would I put this code?

0 Likes