How do decrease the padding on a section only on mobile

[lukafernada]

How do I decrease the padding here only on mobile, URL is cheffings.net

[Tech_Coding]

Hello @lukafernada

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 on theme.liquid

@media screen and (max-width: 767px){ .section-template--20584607220061__collapsible_content_GQb8L3-padding { padding: 0 !important; } .accordion { margin-top: 0 !important; } }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Made4uo-Ribe]

Hi @lukafernada

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 749px){
.section-template--20584607220061__collapsible_content_GQb8L3-padding {
    padding-top: 0 !important;
}
}

And Save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!