How to make quick view product title smaller. (DAWN Theme)

Solved
leightt1
Excursionist
53 0 5

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

 

48B87AC9-07B7-4FAB-BFC1-CFE06C9481BA.png

Accepted Solutions (2)

Accepted Solutions
GemPages
Shopify Partner
5470 1226 1001

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

GemPages_0-1679200079954.png


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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

PageFly-Victor
Shopify Partner
7050 1475 2718

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>

PageFlyVictor_0-1679200716466.png

 

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! 

View solution in original post

Replies 2 (2)
GemPages
Shopify Partner
5470 1226 1001

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

GemPages_0-1679200079954.png


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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
PageFly-Victor
Shopify Partner
7050 1475 2718

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>

PageFlyVictor_0-1679200716466.png

 

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!