Hey, I got breadcrumbs added to my online store and it looks good on pc, but the issue is that when the breadcrumbs are in the right position on PC they are out of place on mobile, any idea how to move the breadcrumbs on mobile only? I will add a few pictures below about the issue. Thank you in advance!
Here is how it looks on PC
Here is how it looks on mobile
Please share the store URL so that we can assist you.
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag
Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!
Hey, unfortunately it didn’t work, the breadcrumb just dissapeared all together.
Oh, sorry. I didn’t understand your needs. Please change the code and try again.
Hey, only issue was that the code needed to be pasted into breadcrumbs.liquid but the code itself worked, so thank you so much!
I cannot see the structure of your code, so I can only provide a universal modification method. Of course, putting it in breadcrumbs. liquid is the best way. Great!