Shopify themes, liquid, logos, and UX
Good day everyone,
I was able to add breadcrumbs recently to my store,
I managed to style it properly on desktop thanks to the community here, but on mobile it still looks bad
I would like to apply there css setting on mobile but i don't know how
padding: 15px;
background: #ffff;
font-size: 14px;
margin-top: 0px;
margin-left: 0px;
I would really apreciate some help with this!
Store url: https://donutsole-hu.myshopify.com/
Password: twilye
Thank you very much in advance!
Solved! Go to the solution
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.css file.
@media screen and (max-width: 640px){
nav.breadcrumb, nav.breadcrumb a.Breadcrumbs, nav.breadcrumb span {
margin-left: 5px;
margin-right: 5px;
margin-top: 30px;
font-size: 12px;
text-transform: uppercase;
}
}
Hope this works.
Thanks!
hi @NZA
please give me a screen short .
thank you so much.
khilan
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.css file.
@media screen and (max-width: 640px){
nav.breadcrumb, nav.breadcrumb a.Breadcrumbs, nav.breadcrumb span {
margin-left: 5px;
margin-right: 5px;
margin-top: 30px;
font-size: 12px;
text-transform: uppercase;
}
}
Hope this works.
Thanks!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024