Adding title under or next to logo in header of Sense theme

TomBerger
Excursionist
13 0 4

Hi,

I am using the Sense theme and would like to add text/ a title under or next to the logo which i have added into the header of my website. 

 

Please give me the CSS code i could use to add this to each header of my

Replies 5 (5)

Made4uo-Ribe
Shopify Partner
5486 1321 1625

Hi @TomBerger 

We can used pseudo elements, that can text. This css will be shown every pages in your store. If its okay with that would you mind to share your store URL? Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


TomBerger
Excursionist
13 0 4
Mysterydates.nl is the link
Made4uo-Ribe
Shopify Partner
5486 1321 1625

Thanks for the info,

Do you mean like this?

Made4uoRibe_0-1707855720176.png

If it is, check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

.header__heading-link:after {
    content: "Mystery Dates";
    font-size: 20px;
    
}
.header__heading-link {
    display: flex;
    flex-direction: column;
}

 

And Save. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


TomBerger
Excursionist
13 0 4

Hi thanks, would it also be possible to put the text next to the logo (left or right? ) if so how do i adjust the code to suit that?

 

TomBerger
Excursionist
13 0 4

the code does not seem to work for me, nothing seems to change or show up (see screenshots)

TomBerger_0-1708019953469.png

TomBerger_1-1708019964539.png