How to remove padding gap between 2 different collapsible content sections on product page

Hello, How do I remove this padding gap between 2 different collapsible content sections on product page? my website is cortofio.com

2 Likes

@Cortofio is your issue solved? I checked 2 products and there is no such space.

Hi @Cortofio

I checked it, but I am not seeing any issue right now.

Best regards,
Devcoder :laptop:

It is in fact not solved, look at my product page here. New Balance 9060 Moonrock Linen Patike – CORTOFIO

https://cortofio.com/pr oducts/new-balance-9060-moonrock-linen-patike Check my product page here.

1 Like

Try this code in “Theme settings”=> “Custom CSS”
Alternatively, very bottom of your assets/base.css

[id*=collapsible_content]+[id*=collapsible_content] .accordion:first-child {
  border-top: none;
  margin-top: 0;
}

=>


if my post is helpful, please like it ♡ and mark as a solution -- this will help others find it

@Cortofio please add this css to the very end of your base.css file and check

shopify admin->online store->themes->edit theme code->assets->base.css

@media screen and  (max-width:749px){
.collapsible-content__grid .grid__item .accordion{margin-top: 0 !important;}
}
1 Like