Liquid, JavaScript, themes, sales channels
Hey guys,
I am using tags on my blog to credit the authors of the images that I download from various sources to support my articles. Unfortunately, the tags look horrible, especially in mobile view.
Please see attached image on how they look in mobile view right now.
Thanks for your help in advance!
Solved! Go to the solution
This is an accepted solution.
@prettyflacko, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
.tags--article *{
font-size: 15px !important;
}
@media (max-width: 767px){
.tags--article *{
font-size: 14px !important;
}
}
.tags--article{
text-align: left !important;
}
.tags--article a{
text-transform: unset !important;
}
@media (max-width: 767px){
.tags--article li{
display: block;
overflow-wrap: break-word;
}
}
You can adjust the values as per your wish:
15px = font size on desktop
14px = font size on mobile
Please let me know whether it works.
Kind regards,
Diego
Please send your site and if your site is password protected, please send me the password. I will check it for you
This is an accepted solution.
@prettyflacko, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
.tags--article *{
font-size: 15px !important;
}
@media (max-width: 767px){
.tags--article *{
font-size: 14px !important;
}
}
.tags--article{
text-align: left !important;
}
.tags--article a{
text-transform: unset !important;
}
@media (max-width: 767px){
.tags--article li{
display: block;
overflow-wrap: break-word;
}
}
You can adjust the values as per your wish:
15px = font size on desktop
14px = font size on mobile
Please let me know whether it works.
Kind regards,
Diego
It worked perfectly, thank you so much!!
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