Want to change site title

Hello,

I am interested in having the site title as it appears in this screenshot (“Kristin Rene Fitness”). I would like “Kristin Rene” to be above “Fitness”. This is the customizer view which makes it looked stacked but when I click publish it shows as inline. Please help. Thank you very much!

Wat

Hi,

You can have your site title in 2 lines with this Custom CSS:

.site-title {
    max-width: 200px !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Kind Regards,
Csaba

Thank you Csaba! It worked on the desktop view.

I now have a new question. How would I get it to be stacked and centered in the mobile version?

And how do I get it to be centered and inline? I would like to be able to see the comparison if possible.

This is what it currently looks like in mobile:

Thank you in advance for all of the help!!

Justin

Hi,

Please also add this Custom CSS together with the previous CSS to change the width and also center the site-title on mobile:

@media only screen and (max-width: 768px) {
.site-title {
    margin: 0 auto !important;
}
}

Please let me know how it works.

Kind Regards,
Csaba

Hi Csaba! It worked out great. Thank you for the help :grinning:

Hi,

Great! You’re most welcome! If you need help with anything else, please open a new topic.

Have a nice day!

Kind Regards,
Csaba