remove margin on pages

Solved
JhordanMSUITE
Explorer
66 1 31

is there a way to remove margin on top and bottom of pages in debut theme

 

Screen Shot 2021-06-12 at 11.41.59 AM.png

 

URL:  https://beauty-and-the-board.myshopify.com/

PW: geifra

0 Likes
g33kgirl
Shopify Partner
300 83 99

This is an accepted solution.

@JhordanMSUITE You can add this at the end of your CSS file (Themes -> Edit code -> Assets -> theme.css

 

.main-content {
    padding: 0;
}

.section-header {
    display: none;
}

.site-footer {
    margin-top: 0;
}

 

 

BTW, the code at the end of your theme.css file is incorrect. It should be:

 

.page-container  .drawer-page-content {
    display: none
}

 

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
0 Likes
JhordanMSUITE
Explorer
66 1 31

this code removed all the titles from every section of the website

0 Likes
g33kgirl
Shopify Partner
300 83 99

You can remove this code:

.section-header {
    display: none;
}
If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
0 Likes