Thanks it works. Also can you please help me how to make this full width?
Topic summary
Homepage sections on a Shopify site (fashntees.in, pass: FT) were overlapping; screenshots were provided to illustrate the issue.
A quick fix was suggested and implemented: in Online Store > Themes > Edit code, add to theme.scss.liquid or theme.css: .custom-content { margin-bottom: 0px !important; }. This resolved the overlapping.
The site owner asked whether existing custom CSS should be kept or removed (no answer yet):
- #shopify-section-1650166123c5ad0a90 .page-width { padding: 0; max-width: 100%; }
- .template-index .main-content { padding-top: 0; }
- #shopify-section-1647076815b1ea6540 { padding-bottom: 0; margin-bottom: 180px; }
A new request was raised to make a specific homepage section full width (screenshot provided). No guidance was given yet on how to achieve full width.
Status: Partially resolved. Overlapping fixed; questions about cleaning up prior CSS and making a section full width remain open.
