I’m trying to reduce the space between sections on the home page… Do you know how to do it?
There are a lot of space…
Thanks!
1 Like
can you please share your Dawn theme store preview url
1 Like
1 Like
yes, please try this code
- Go to Online Store->Theme->Edit code
- Asset->/base.css ->paste below code at the bottom of the file.
#shopify-section-template--15623030407390__16429652230ae40f04 .rich-text.rich-text--full-width {
margin-bottom: 0px !important;
}
#shopify-section-template--15623030407390__1642965279abf6e50c .newsletter__wrapper {
margin: 20px 0px 40px !important;
}
1 Like
And how can I reduce this spaces? (photo attached)
Thank you very much! 
1 Like
Please add below code in bottom of assets/base.css file
section#shopify-section-template–15623030407390__featured_products {
margin-top: 0px ;
}
.rich-text–full-width.color-background-1 {
margin-top: 30px ;
margin-bottom: 0;
}
Thank you.
yes, please try this code
#shopify-section-template--15623030407390__rich_text .rich-text.rich-text--full-width {
margin: 40px 0px -10px !important;
}
1 Like
it works my friend, thank you very much!
And the last thing.. on mobile phone, how can I see the images on a grid? I dont want to swipe in order to see them, I want to all of them appears on a grid (see photo attached).
And how can I reduce the space between the description and the other parts? like you can see in the photo attached on the circles…
Thanks!
1 Like
yes, please try this code
@media screen and (max-width: 749px) {
.product-popup-modal__opener {margin: 0 !important;}
}
Product Grid Code your anther post
1 Like
And the space in the mobile footer? (photo attached)
Thanks!
1 Like
can you try this code
media screen and (max-width: 989px) {
.footer-block__details-content {
margin-bottom: 0 !important;
}
.footer-block__details-content .list-menu__item--link {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
1 Like
