How can I remove the empty space between sections on my website?

Solved

How can I remove the empty space between sections on my website?

Rupert22
Excursionist
62 0 6

Hi, how to delete this empty space between sections "Testimonials" and "Powered by Loox" trust badge.

 

website: https://nexaco.co/

 

problem456.png

RuppJou
Accepted Solution (1)

websensepro
Shopify Partner
1879 224 267

This is an accepted solution.

Hello @Rupert22 ,

Go to online store  > Themes > Edit code > find base.css file

Add the given code at the bottom of the file base.css 

 

 .testimonials-template--21127979434323__testimonials_ww9kyB {
   
    padding: 10px;
}

 

padding issue.png

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

View solution in original post

Replies 6 (6)

niraj_patel
Shopify Partner
2391 516 515

Hello @Rupert22 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and(max-width: 767px){
   .shopify-section .index-section {
         margin: 15px 0 !important;
    }
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Rupert22
Excursionist
62 0 6

Its still there, the empty space between sections

 

Rupert22_0-1711215639762.png

 

RuppJou
niraj_patel
Shopify Partner
2391 516 515

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and(max-width: 767px){
   div#shopify-section-template--21127979434323__testimonials_ww9kyB {
       margin-bottom: 10px !important;
   }
   section#shopify-section-template--21127979434323__1711213980777487cf .index-section {
        margin-top: 10px !important;
    }
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Rupert22
Excursionist
62 0 6

I copy pasted it instead of old one and nothing changed. Under every section there is autocreated this empty space, maybe this info helps a little bit

 

Rupert22_0-1711216278552.png

 

RuppJou

PageFly-Amelia
Shopify Partner
626 165 238

Hello @Rupert22 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid

Step 3: Add code above the tag </head>

<style>
@media (max-width: 768px){
   .testimonials-section {
      padding-bottom: 0 !important;
   }
}
</style>

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

 

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

websensepro
Shopify Partner
1879 224 267

This is an accepted solution.

Hello @Rupert22 ,

Go to online store  > Themes > Edit code > find base.css file

Add the given code at the bottom of the file base.css 

 

 .testimonials-template--21127979434323__testimonials_ww9kyB {
   
    padding: 10px;
}

 

padding issue.png

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP