How can I reduce heading font size in Dawn theme for mobile version?

Hi i am looking for a solution to reduce the heading font size only in mobile version

URL - https://theblabbershop.com/

Thankyou

1 Like

@TheBlabberShop ,

Please share the screenshot..

Hi @TheBlabberShop ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
@media (max-width: 767px) {
h1, .h1 {
    font-size: 2rem !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

@TheBlabberShop

  1. Go to Online Store-> Theme->Edit code
  2. Asset->/base.css->paste the below code at the bottom of the file:
@media (max-width: 767px) {
h1, .h1 {font-size: 2rem !important;}
}

If any problem Let me know!

Thanks!

Hi yes attaching the screenshot

I would like to reduce the BEST SELLERS / CUSTOMERS SPEAK FOR US sections

Hi it did not work looking for reducing the BEST SELLERS / CUSTOMERS SPEAK Sections

Hi @TheBlabberShop ,

You can try add below code in base.css:

.title-wrapper-with-link {
    margin: 0 !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Hi

Its not working :disappointed_face:

@TheBlabberShop ,

Hi dear,

Have you solved your issue?