Element padding/margin removal

Solved
jordontricks
Tourist
15 0 8

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=KGhRPtNJ3ZU

 

dmwwebartisan
Shopify Partner
7310 1727 2303

@jordontricks 

Please share your store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Natztech
Shopify Partner
1332 370 906

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.

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
jordontricks
Tourist
15 0 8

Hi!

provada-jewelry.myshopify.com

the password is "staysk"

0 Likes
jordontricks
Tourist
15 0 8

Hi!

provada-jewelry.myshopify.com

the password is "staysk"

0 Likes
Natztech
Shopify Partner
1332 370 906

hello @jordontricks 

please share screenshot which section do you want to remove space

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
jordontricks
Tourist
15 0 8

This top margin and padding on the home page

Provada-Jewelry-Customize-Brooklyn-Shopify.png

Natztech
Shopify Partner
1332 370 906

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;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
jordontricks
Tourist
15 0 8

that made my mobile view look like this:

Provada-Jewelry-Customize-Brooklyn-Shopify (1).png

I mainly want my mobile view to look like this:

https://www.youtube.com/watch?v=KGhRPtNJ3ZU

0 Likes
dmwwebartisan
Shopify Partner
7310 1727 2303

@jordontricks 

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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes