Solved

Suggestions on how to add more padding between the top of the page and the following section?

heyspang
Excursionist
26 0 4

heyspang_0-1627351886973.png

 

I also want to move the text below the product description into a separate section.. 

Accepted Solution (1)

diego_ezfy
Shopify Partner
2908 557 873

This is an accepted solution.

@heyspang,

Moving the description would be a more complex issue, but in relation to the top spacing you can do the following:


1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

@media (min-width:767px){
    .template-product #main{
    padding-top: 180px !important;
}
}


The spacing would probably naturally resolve itself without the need of custom code when you add images to the products though.

Please let me know whether it works.

Kind regards,
Diego

View solution in original post

Replies 3 (3)

diego_ezfy
Shopify Partner
2908 557 873

Hello @heyspang,

Please share:
- your store URL;
- page URL with the issue you mention;
- storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

heyspang
Excursionist
26 0 4

diego_ezfy
Shopify Partner
2908 557 873

This is an accepted solution.

@heyspang,

Moving the description would be a more complex issue, but in relation to the top spacing you can do the following:


1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

@media (min-width:767px){
    .template-product #main{
    padding-top: 180px !important;
}
}


The spacing would probably naturally resolve itself without the need of custom code when you add images to the products though.

Please let me know whether it works.

Kind regards,
Diego