Solved

Resize page title text only for mobile view

KotteDR
Tourist
8 2 3

Hi,

How do I reduce the text size of Page title only for mobile view in dawn theme?

Page title Text size on PC view is ok, but it looks too big in mobile view

 

Thannks

K

Accepted Solutions (4)

conversionist
Shopify Partner
55 7 9

This is an accepted solution.

Hey bro you can  reduce the Page title text size for mobile in the Dawn theme use this CSS

@media (max-width: 767px) {
  .page-title {
    font-size: 12px;  /* you can change the number to your desired size */ 
  }
}
Building 100 Shopify apps for that BMW M5 dream

Follow the journey at https://www.youtube.com/@conversinist
https://conversionist.online/

View solution in original post

BSSCommerce-HDL
Shopify Expert
733 242 254

This is an accepted solution.

Hi @KotteDR

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSTechVenture_0-1716079797658.png

 

Step 2: Search file base.css, theme.css or styles.css

BSSTechVenture_1-1716079802996.png

 

Step 3: Insert the below code at the bottom of the file -> Save

 

@media (max-width: 600px) {
  .page-title {
    font-size: 14px !important
  }
}

 

Hope this can help you, 
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

KotteDR
Tourist
8 2 3

This is an accepted solution.

KotteDR
Tourist
8 2 3

This is an accepted solution.

Thank you so much

View solution in original post

Replies 4 (4)

conversionist
Shopify Partner
55 7 9

This is an accepted solution.

Hey bro you can  reduce the Page title text size for mobile in the Dawn theme use this CSS

@media (max-width: 767px) {
  .page-title {
    font-size: 12px;  /* you can change the number to your desired size */ 
  }
}
Building 100 Shopify apps for that BMW M5 dream

Follow the journey at https://www.youtube.com/@conversinist
https://conversionist.online/
KotteDR
Tourist
8 2 3

This is an accepted solution.

Thanks

BSSCommerce-HDL
Shopify Expert
733 242 254

This is an accepted solution.

Hi @KotteDR

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSTechVenture_0-1716079797658.png

 

Step 2: Search file base.css, theme.css or styles.css

BSSTechVenture_1-1716079802996.png

 

Step 3: Insert the below code at the bottom of the file -> Save

 

@media (max-width: 600px) {
  .page-title {
    font-size: 14px !important
  }
}

 

Hope this can help you, 
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
KotteDR
Tourist
8 2 3

This is an accepted solution.

Thank you so much