How to use a text as a logo instead of an image

On your WordPress dashboard, go to Appearance > Customize > Additional CSS and add the following code

.site-branding .brand.has-logo-image img { display: none; }
#mobile-header .site-branding .site-title { font-family: (--global-heading-font-family); }

Then, navigate to Appearance > Customize > Header > Logo

If you have an existing logo that’s an image, you can remove it.

Under Logo Layout, choose “Logo & Title“.
Choose a format where the Title is above the Logo.

Click the “Design Tab“.
Under Site Title Font, choose “Inherit Heading Font Family“.
Adjust the font size and choose a suitable one for desktop, tablet, and mobile. On Scrumptious, I use 40 for desktop, 40 for tablet, and 30 for mobile. Feel free to experiment and see what works best for you.

Hit the publish button to save and publish your changes.