Weird spacing issue on mobile -- how do I fix it?

Solved
Highlighted
Tourist
14 0 3

Hello,

 

On mobile, when on a product page, the text that shows you the pathway you've followed on the site at the top of every product page, is WAY too spaced out.

 

See here in this screencap of what I mean:

 

Screenshot_2020-09-20-22-31-59.png

 

How do I reduce that on mobile so that it looks more like this?

 

Screenshot_2020-09-20-22-31-592.png

 

The website URL is: https://nextlevelartwork.com/

 

Thanks!

—Anton

0 Likes
Highlighted
Shopify Partner
2827 621 758

This is an accepted solution.

Hey @AntonD 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

 

 @media screen and (max-width: 768px){
 .breadcrumb a, .breadcrumb span { padding: 0px 0px 0px 0 !important; }
 .breadcrumb .divider { padding: 0px 0px 0px 0 !important; }
 .breadcrumb { margin-bottom: 0px !important; }
 }

 

 

Hope this will work.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
14 0 3

KING

 

thanks for the help! Works like a charm.

1 Like