Pipeline Theme Customisation - Collection Tabs

Store Design
1

Hey guys! Ive done a little css customisation to this section, but on mobile the scrolly bar shows up (this doesnt show on inspect tool) so Im not sure how to give this scrolly thing more margin/padding,

Any ideas/help would be amazing

site: www.scorpioxsun.com / scorpiobasil (pw)

I also have a few other customsations I need help with, if anyone is available for a few hours dev work as well, that’d be really helpful!

2 Likes
2

Hi @ByAprilCo ,

Try this code below.

  1. From your Admin store, go to Online store > Themes > Click Actions > Edit code
  2. Open the Asset folder, and find the theme.css file.
  3. Add the code below.
ul.tabs::-webkit-scrollbar {
  display: none;
}

ul.tabs {
  -ms-overflow-style: none;  
  scrollbar-width: none; 
}
3

@ByAprilCo
Welcome to Shopify Community.
Kindly add this code in the bottom of theme.css file.

ul.tabs {
  -ms-overflow-style: none;  
  scrollbar-width: none; 
}
4

Hello @ByAprilCo ,

Here is a solution to resolve this issue.

You can try adding this code to the custom CSS file.

@media screen and (max-width: 480px) {

ul.tabs{

// your custom code for padding/margin for mobile devices only

}

}

Hope it works

All the best,

Team CedCommerce

5

Thank you so much Legend!