Shopify themes, liquid, logos, and UX
How to make quick view product title smaller. (DAWN Theme) Mobile?
We are needing to make the quick view product title smaller on our homepage. We have added a photo for reference. We have also added our link to our store. If you could help it would be highly appreciated, thank you.
Our store: Munnafashion.com
Solved! Go to the solution
This is an accepted solution.
Hello @leightt1 ,
It's GemPages support team and glad to support you today.
I would like to give you a recommendation to support you so kindly follow steps below:
1. Go to Online Store > Theme > Edit code of your current theme
2. Open your theme.liquid theme file
3. Paste the below code before </head>
<style>
@media (max-width: 767px){
.quick-add-modal__content-info .product__info-wrapper .product__title * {
font-size: 20px !important;
}
}
</style>
Let us know how it works for you.
Best regards,
GemPages Support Team
This is an accepted solution.
Hi @leightt1 ,
This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :
<style>
@media (max-width: 767px){
.quick-add-modal__content-info .product__info-wrapper .product__title * {
font-size: 24px !important;
}
}
</style>
Hope my answer will help you.
Best regards,
Victor | PageFly
Please let me know if it works by giving it a like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Let’s create a unique website design with PageFly for free now!
This is an accepted solution.
Hello @leightt1 ,
It's GemPages support team and glad to support you today.
I would like to give you a recommendation to support you so kindly follow steps below:
1. Go to Online Store > Theme > Edit code of your current theme
2. Open your theme.liquid theme file
3. Paste the below code before </head>
<style>
@media (max-width: 767px){
.quick-add-modal__content-info .product__info-wrapper .product__title * {
font-size: 20px !important;
}
}
</style>
Let us know how it works for you.
Best regards,
GemPages Support Team
This is an accepted solution.
Hi @leightt1 ,
This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :
<style>
@media (max-width: 767px){
.quick-add-modal__content-info .product__info-wrapper .product__title * {
font-size: 24px !important;
}
}
</style>
Hope my answer will help you.
Best regards,
Victor | PageFly
Please let me know if it works by giving it a like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Let’s create a unique website design with PageFly for free now!
User | RANK |
---|---|
222 | |
153 | |
61 | |
52 | |
46 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023