REMOVE DIVIDING LINES ON COLLECTION PAGE MOBILE VIEW - ENTERPRISE THEME

[apa]

How to remove the dividing lines on the collection page in Enterprise theme? I can remove them on desktop view but not on mobile. 

[Moeed]

Hey @apa 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[apa]

Niimo.se. The dividing lines are only there on mobile view

[Moeed · Accepted solution]

Hey @apa 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.main-products-grid[data-layout=grid] .grid-cols-2>li {
    border: unset !important;
}
</style>

RESULT:

If I managed to help then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[apa]

Thank you! 

[apa]

Can you help me creating a list for swatches like this one for Enterprise theme? 

[mageplaza-cs]

Hi @apa 

I am from Mageplaza - Shopify solution expert.

Please add the following code to the main.css file:

.os-scrollbar.os-scrollbar-horizontal{
    display: none;
}

*Result:

 

Please let me know if it works as expected!

Best regards