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

Store Design
1

heyspang_0-1627351886973.png
heyspang_0-1627351886973.png1812×850 60.1 KB

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

2

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

3

Hi Diego,

https://92o2k3pjcmv4k88k-51034554559.shopifypreview.com

It’s on the product page

4

@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