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
1047 146 153

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 | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

View solution in original post

Replies 6 (6)

techlyser_web
Shopify Partner
1654 303 324

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.

Techlyser || 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
techlyser_web
Shopify Partner
1654 303 324

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.

Techlyser || 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
452 144 206

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!


PageFly - #1 Page Builder for Shopify merchants.


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


Optimize your store’s mobile shopping experience with the Blum theme.

websensepro
Shopify Partner
1047 146 153

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 | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here