Shopify themes, liquid, logos, and UX
The product title and quick add font is currently a bit too big on mobile view only. I was able to adjust it earlier but after I adjusted the desktop views’ size, the code seems to not be working when I input a different value.
I would like to change the font size on both the home page/products page and in the Quick Add menu, as well as the button’s.
password: yaurow
Hello @LEEDIA
Its Artzen Technologies! We will be happy to help you today.
You can try to follow these steps:
Go to Online Store -> Themes -> Actions -> Edit code.
Go Assets folder -> theme.liquid file.
Add the following code in the bottom of the file above </body> tag
<style>
@media only screen and (max-width: 747px){
.product-grid .card__heading {
font-size: 12px;
}
.product-grid .quick-add__submit {
font-size: 10px;
}
#MainContent .product__title h1 {
font-size: 18px!important;
}
}
</style>
Let me know if need further assistance
Regards,
Artzen Technologies
This helped with the home page product fonts, but on the Quick Add menu it's still the same size.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025