Customizing typography Dawn Theme on Mobile Devices

Store Design
, , , , ,
1

Hello,

I am using the Dawn theme Moderator Edit, and I am looking for some guidance on how to customize the title and subtitle present on the banner of the homepage of my website, specifically for smartphones. Here are the specific changes I’d like to make:

  1. Reduce Title Text Size: I would like to decrease the font size of the text.
  2. Reduce Line Spacing: I want to decrease the line spacing (interline) between the text.
  3. Remove Subtitle: I’d like to completely remove the subtitle.

Thank you in advance for your help!

Alex

Moderator Edit

2

Hi @Alex087
This is David at SalesHunterThemes.

Thank you for your question.
Follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

@media screen and (max-width: 767px)
#Banner-template--16920898797846__image_banner .banner__heading{
        font-size: 35px;
        line-height: 40px;
}
#Banner-template--16920898797846__image_banner .banner__text {
    display: none;
}
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

3

thank you David,

I did manage to remove the subtitle but i want to keep it on desktop version.

Also, font size and line-height are not changing…

Thanks for your help

4

Hi @Alex087

You can do that by adding this code before tag in your theme.liquid file in Online store > Themes > Edit code
5

thanx Dan, you mean before or before ?

6

it’s all right to add it before or

7

Ok Dan thanx, I just did, but it removed also this text on desktop. Is it possible to remove this subtitle only on mobile?

8

My mistake, please correct code like this
9

thanks Dan that’s working! Now I would like to higher the title & split it in 3 lines (0nly on mobile).

thanx in advance for your help

10

Hi @Alex087

Please update code like this
11

Thanx Dan, how to adjust more the height of the title? Also, I would like the shop now button to be lower (like before)

12

Please change code like this
13

Thanx a lot Dan!

14

Happy I could help!