I would like to have spacing between my (header menu / footer menu) on my policy pages. Increase white space between menu & Shipping policy text.
Attached is example of
URL: hygiadental.com
PW: angel
Topic summary
A user seeks to increase white space between header/footer menus and policy page content on their Shopify store (hygiadental.com). They provided a screenshot showing the current tight spacing on policy pages.
Two CSS solutions were offered:
-
DaisyVo’s approach: Add padding to the entire policy container
- Navigate to: Shopify admin → Online store → Customize → Theme settings → Custom CSS
- Insert:
.shopify-policy__container { padding-block: 40px !important; }
-
Dan-From-Ryviu’s approach: Add margin specifically below the policy title
- Same navigation path to Custom CSS
- Insert:
.shopify-policy__title h1 { margin-bottom: 40px; }
Both solutions target spacing adjustments through custom CSS but differ in implementation—one adds overall container padding while the other targets the title element’s bottom margin. The issue remains unresolved as the original poster has not confirmed which solution worked.
Hi @Anonymous
I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there
Here is the code for Step 3:
.shopify-policy__container {
padding-block: 40px !important;
}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
Hi @Anonymous
Please add this code to Custom CSS in Sales Channels > Online Store > Themes > Customize > Theme settings
.shopify-policy__title h1 { margin-bottom: 40px; }