Hello Everyone!
I want to reduce the space below the text in mobile mode. Also, want to reduce the space below the icon in desktop and mobile mode. Please help me. Thank you.
Store: https://urbanglowingstore.myshopify.com/
Password: Admin
Topic summary
A user seeks to reduce spacing in the Icon Features Section of the Dawn theme for their Shopify store, specifically:
Issues identified:
- Excessive space below text in mobile view
- Too much space below icons in both desktop and mobile views
The user provided store credentials and screenshots showing the spacing problems.
Solution provided:
Add custom CSS to the base.css file:
.icon-item p {
margin: 0px !important;
}
.icon-item img {
margin-bottom: 0px !important;
}
This CSS targets the paragraph margins and icon bottom margins to eliminate unwanted spacing. The solution appears straightforward but hasn’t been confirmed as tested or resolved by the original poster.
Go to your online store → edite code → base.css file and paste this code there
.icon-item p {
margin: 0px !important;
}
.icon-item img {
margin-bottom: 0px !important;
}