Re: Move section up 20px mobile

Solved

Move section up 20px mobile

Luxurymrkt
Navigator
615 2 107

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

https://luxurymrkt.com

3E3E6D51-41B0-481F-8447-3DDB8C65575B.jpeg

Thank You | mike
Accepted Solution (1)

BSSCommerce-HDL
Shopify Expert
983 328 381

This is an accepted solution.

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

BSSCommerceHDL_0-1717605337010.png

 

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

BSSCommerceHDL_1-1717605349432.png

 

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 😍

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 2 (2)

theycallmemakka
Shopify Partner
1551 353 379

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

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

BSSCommerce-HDL
Shopify Expert
983 328 381

This is an accepted solution.

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

BSSCommerceHDL_0-1717605337010.png

 

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

BSSCommerceHDL_1-1717605349432.png

 

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 😍

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency