Move section up 20px mobile

[Luxurymrkt]

hi I wanted to move this section up on monitor 20px

 https://luxurymrkt.com

[theycallmemakka]

Hi @Luxurymrkt ,

There seems to be an empty section on the site because of which there is a big white space. I have written few codes. This should decrease the size of the whitespace.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
[data-section-type="product-recommendations"] .index-section {
        margin-top: 0px!important;
}

div#shopify-section-template--16828521218229__1662823366128c4883 {
    display: none;
}
</style>

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[BSSCommerce-HDL · Accepted solution]

Hi @Luxurymrkt, 
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

body:has(.product-section) .index-section {
   margin-top: 20px !important;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍