I want to remove padding and margins but only on the collection list on my home page. I can do it pretty easily on inspect element. But I’ve been looking in assets for around 2 hours and I can’t find where to edit the CSS. I’m using the Brooklyn theme. https://www.youtube.com/watch?v=KGhRPtNJ3ZUhttps://www.youtube.com/watch?v=KGhRPtNJ3ZU
1 Like
Please share your store URL.
hello @jordontricks
Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.
1 Like
hello @jordontricks
please share screenshot which section do you want to remove space
1 Like
hello @jordontricks
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
#shopify-section-16266671911705cb0b{
margin-top: 20px !important;
}
.hero[data-adapt=false], .hero[data-adapt=false] .slideshow__overlay:before {
height: auto;
}
1 Like
that made my mobile view look like this:
I mainly want my mobile view to look like this:
Please add the following code at the bottom of your assets/theme.scss.liquid file.
@media screen and (max-width: 768px){
div#shopify-section-16266671911705cb0b .wrapper {
padding: 0px !important;
}
div#shopify-section-16266671911705cb0b {
margin-top: 0px !important;
}
}
Hope this works.
Thanks!
hello @jordontricks
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media screen and (max-width: 768px){
#shopify-section-16266671911705cb0b .wrapper {
padding: 0 !important;
}
#shopify-section-16266671911705cb0b {
margin-top: 0 !important;
}
}
1 Like