Resize page title text only for mobile view

[KotteDR]

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

[conversionist · 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 */ 
  }
}

[BSSCommerce-HDL · Accepted solution]

Hi @KotteDR, 

You can try this code by following these steps:

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

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

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 😍

[KotteDR · Accepted solution]

Thanks

[conversionist · 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 */ 
  }
}

[KotteDR · Accepted solution]

Thanks

[BSSCommerce-HDL · Accepted solution]

Hi @KotteDR, 

You can try this code by following these steps:

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

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

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 😍

[KotteDR · Accepted solution]

Thank you so much