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
Topic summary
A Shopify store owner is experiencing excessive white space between the menu bar and product description on their product pages. They’ve shared a screenshot to illustrate the issue.
Proposed Solutions:
Two support teams have offered CSS-based fixes:
-
PageFly-Victor suggests adding custom CSS code to the theme’s
styles.cssfile, specifically targeting the container with padding adjustments (padding-top: 100px) -
GemPages Support Team recommends inserting code into the theme’s liquid file before the
</head>tag
Both solutions involve editing the theme code through Shopify’s Online Store > Theme > Edit code section. The discussion remains open pending confirmation from the original poster on whether either solution resolved the spacing issue.
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;
}
Hope my answer will help you.
Best regards,
Victor | PageFly
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:
- Go to Online Store > Theme > Edit code of your current theme
-
Open your theme.liquid theme file
-
Paste the below code before
Let us know how it works for you.
Best regards,
GemPages Support Team