Text behind logo in header Warehouse Theme

Solved
Highlighted
New Member
4 0 0

Hello,

We have a webshop with the Warehouse Theme.
At the moment of writing we have incorporated our webshop name in the logo, but we want to change this because SEO requires you to have 1 H1 tag on every page.
We would like to have the webshop name behind the logo, as it is now.
Only then as text, and not that the webshop name is included in the image.
I've already tried a few things, I can get text above and below the logo, but it doesn't work.
Making the logo shorter doesn't help either.
Can someone help me out here?

Thanks in advance

Gerbert Jan

 

Gerbertjan_0-1598956400075.png

 

Gerbertjan_2-1598956452831.png

 

 

 

0 Likes
Highlighted
Excursionist
334 50 77

Please explain more with screenshot (using arrows what to do)

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
New Member
4 0 0

Okay, I'm gonna try.

Gerbertjan_0-1598961055514.png

This (above) is a piece of code from the header.liquid file.

The yellow code is "custom" made by myself to try if the "test" text is placed correctly.

Although the "test" text should be placed behind (at the right side) the logo.

But as you can see below, the text "test" is place below or above the logo.

While I would like to have it in the blue box as you can see below.

Gerbertjan_1-1598961208150.png

If you need more information, let me know!

0 Likes
Highlighted
Excursionist
334 50 77

Please provide website url and if your store is password protected, then please provide password also

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
New Member
4 0 0

Our website url: Timeformachine.nl

 

0 Likes
Highlighted
Excursionist
334 50 77

This is an accepted solution.

Please place this code at the end of theme.scss

.header__logo-link {
display: -webkit-inline-box !important;
}
.header__logo-text {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
Excursionist
334 50 77

Worked this solution?? Then please accept it as solution and please like

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
New Member
4 0 0

Yes, thank your very much!

 

0 Likes