Shopify themes, liquid, logos, and UX
Hello I have a question, how can I make this product title and price smaller on mobile?
Hi @Szymon9
Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for your store.
Best regards
Sahil
- Your
Hi @Szymon9 Thanks for providing the URL, Please add the code in your theme.css/base.css/style.css file which is available in your theme.
@media screen and (min-width: 680px) {
.card__heading {
font-size: 14px;
}
.card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
font-size: 14px;
}
}
If you are not sure where is your theme.css/base.css/index.css/style.css file please follow the steps:
Result:
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
Best Regards
Sahil
- Your
I paste this code at the bottom of base.css file and nothing change
Hi @Szymon9 Are you checking in phone or desktop?
please specify, also please try this code first.
@media screen and (min-width: 680px) {
.card__heading {
font-size: 14px !important;
}
.card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
font-size: 14px !important;
}
}
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
Best Regards
Sahil
- Your
Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024