Product Page :: White Space Between Menu Bar + Product Description

TimDono1
Explorer
52 1 7

Hello!

 

There's a lot of white space between the menu bar of my product page and the product description (please see the snapshot for a visual).

 

Could someone please help me fix this!?

 

Thank you in advance for considering it 😊

 

-Tim

 

Screen Shot 2023-03-07 at 10.13.16 AM.png

 

Replies 2 (2)

PageFly-Victor
Shopify Partner
7865 1785 3067

Hi @TimDono1 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/styles.css->paste below code at the bottom of the file:

.container.content.main-wrapper {
    padding-top: 100px !important;
}

PageFlyVictor_0-1678210498359.png

Hope my answer will help you.

Best regards,

Victor | PageFly

GemPages
Shopify Partner
5589 1261 1219

Hello @TimDono1 ,

 

It's the GemPages Support Team and we are glad to assist you today!

 

I would like to give you the recommendation to support you so kindly follow the steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1678242593251.png


2. Open your theme.liquid theme file


3. Paste the below code before </head>

<style>
body.product .container.content.main-wrapper {
padding: 100px 0px 0px 0px !important;
}
@media only screen and (max-width: 798px){
body.product .container.content.main-wrapper {
padding: 20px 0px 0px 0px !important;
}
}
</style>

 

Let us know how it works for you.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center