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

Solved
heyspang
Tourist
25 0 3

heyspang_0-1627351886973.png

 

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

0 Likes

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

◦ Slideshow section not looking good? Try the Slideshow (PRO) section. No apps required.
◦ Product page images slider for free themes (w/ 20+ customization options): Minimal | Debut | Brooklyn | Supply
◦ If my answer helps you please click on like and Accept as solution!
0 Likes
heyspang
Tourist
25 0 3
0 Likes

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

◦ Slideshow section not looking good? Try the Slideshow (PRO) section. No apps required.
◦ Product page images slider for free themes (w/ 20+ customization options): Minimal | Debut | Brooklyn | Supply
◦ If my answer helps you please click on like and Accept as solution!