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.
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



