I am basically trying minimize the padding since there is so much space on the mobile version of the website. I tried multiple things but nothing seems to work. I used shopifys AI to get some help but it just made things messy because it told me to delete things that werent needed. I realized this after saving without a backup to reroll. There might be some even be some unnessecary codes left in the css and the custom css. I dont know anymore if it messes with website/paddings.
website link: https://recollectedsweden.com/
AI generated responses above would not apply to your theme since it uses different element classes.
And you do not need to edit theme code for this.
In your case, paste this code into “Main collection” section “Custom CSS” setting:
section-main-content {
padding: 0;
}
The benefit of using section Custom CSS is that it will apply to this section only and you do not need to worry about cryptic classnames/ids.
Please add this code to Custom CSS in Theme settings
#shopify-section-template--28274466521426__main-collection section-main-content {
padding-block: 8px !important;
}
