How to change Site Title Size

#1. All Pages

You can access Site Styles

At Fonts, click the arrow icon

Click Assign Styles

Click Site Title (to change size on all devices) or Mobile Site Title (to change size on mobile only)

#2. One Page Only

First, you need to find Page ID. Use the below tool. In my example, it is:

• #collection-6673f2e18432c25013aee99f

Next, use this code to Custom CSS box

#collection-6673f2e18432c25013aee99f a#site-title {
    font-size: 50px !important;
}

#3. One Page – Desktop Only

Similar #2, find ID, then use CSS code

@media screen and (min-width:992px) {
a#site-title {
    font-size: 50px !important;
}
}

#4. One Page – Mobile Only

Similar #2, find Page ID, then use CSS code

@media screen and (max-width:991px) {
a#site-title {
    font-size: 50px !important;
}
}

#5. Before Header Scroll

Use this CSS code

header#header:not(.shrink) a#site-title {
    font-size: 50px !important;
}

#6. After Header Scroll

Use this CSS code

header#header.shrink a#site-title {
    font-size: 50px !important;
}