Website: Zoticnewyork.com/collections/chains
Theme: Prestige
How do I add a little more padding so its no ugly and connected to the line
someone messed up, they added this line of code in somewhere:
.Section.Section--spacingNormal:first-of-type {
padding: 0px;
}
but it removes the section padding from all of the sections instead of just the first section on that page. I’m going to guess its in the collection liquid.
it should probably be something like:
.shopify-section:first-of-type .Section.Section--spacingNormal{
padding: 0;
}
this is in collection.bundle.json
“liquid”: “\n.Section.Section–spacingNormal:first-of-type{\npadding: 0px;\n\n}\n\ndiv.Container:first-of-type {\npadding: 0px;\noverflow: hidden;\n}\ndiv.scrollmenu {\n background-color: #000000;\n overflow: auto;\n white-space: nowrap;\n}\n\ndiv.scrollmenu a {\n display: inline-block;\n color: white;\n text-align: center;\n padding: 12px;\n text-decoration: none;\n letter-spacing: 2px;\n text-transform: uppercase;\n}\n\ndiv.scrollmenu a:hover {\n background-color: #000000;\n}\n@media screen and (min-width: 550px) {\n .scrollmenu {\n display: none; \n }\n}\n</style>\n\n\n<div class="scrollmenu">\n <a href="https://zoticnewyork.com/collections/chains">Chains</a>\n <a href="https://zoticnewyork.com/collections/bracelets">Bracelets</a>\n <a href="https://zoticnewyork.com/collections/pendants">Pendants</a>\n <a href="https://zoticnewyork.com/collections/rings">Rings</a>\n <a href="https://zoticnewyork.com/collections/earrings">Earrings</a>\n \n</div>”
}
and collection.json