Dawn theme: Two quick questions on formatting home screen header

Store Design
, , , ,
1

Two questions on formatting the header text on my home page (“Look good, Feel good”)

  1. How can I convert this text from an h2 to an h1 in order to optimize the home screen for search engines?

  2. How can I force a line break so that the text reads like the following?

Look good,

Feel good.

https://guisemen.com/

Thank you in advance for any direction you can provide.

2

@guisemen

1] please find the following code for your sections/ image-banner.liquid file.

{%- when 'heading' -%}
 ## 
 {{ block.settings.heading | escape }}

Replace to this code

{%- when 'heading' -%}
            # 
              {{ block.settings.heading | escape }}

2] Add the following CSS code to your assets/section-image-banner.css bottom of the file.

@media only screen and (min-width: 750px){
#Banner-template--16550298714345__62b053be-38cd-47e5-bc6a-f52ebc834038.banner--content-align-left.banner--desktop-transparent .banner__box{ max-width: 28rem !important;}
}

@media screen and (min-width: 750px){
#Banner-template--16550298714345__62b053be-38cd-47e5-bc6a-f52ebc834038 .banner__box {min-width: 28rem !important;}
}

Thanks!

3

hi..Guisemen
step-01:

  1. go to eidt code then go to sections/ image-banner.liquid file.
  2. find “banner__heading” class name and replace this code
{%- when 'heading' -%}
# 
{{ block.settings.heading | escape }}

after complate process then click save file

step:02

  1. go to assets/ base.css file.
  2. find line number. 3125 and replace this code
#Banner-template--16550298714345__62b053be-38cd-47e5-bc6a-f52ebc834038>div.banner__content.banner__content--middle-left.page-width>div>h2>span {
font-family: customgarbook;
color: #333;
font-weight: 100;
letter-spacing: -.2rem;
max-width: 28rem;
width: 100%;
display: block;
}

this steps you helps