Logo next to the header text

Travelify
1

Hi everyone.

I very much like this template…thanks for creating it!

I had a question about logos and header.

I would like to put a small logo directly to the left of my text header. Travelify doesn’t seem to let you do that.
Does anyone know of some code which would help me to accomplish this?

Thanks,
Rodney

2

Hello Rodney,

I hope you are doing well today.

As it stands, the theme does not have the option to include a display image to the left of the text but you can replace the text with a logo by going to Appearance > Customize > Travelify Main Options >Header Options and select Header logo only from here you simply add the logo.

Best Regards,
Support

3

Hi Support.

Thanks for your answer.

I did a deeper search of the forums, and it seems like I have a partial answer:
https://colorlibsupport.com/t/organize-header-area/

So doing a bit of playing around, I managed to get the logo to be directly on top of the text, but not to the left of it. When I get some opportunity to play around some more with it I will do so. And if I get the code here to cooperate and do what I ask, I will update it and share it with the community.

My site is https://www.isc2chapter-sweden.se/ if anyone wants to see what I am trying to do :slight_smile:

Thanks anyway for responding.

#site-logo:before {
    content: '';
    display: block;
    width: 200px;
    height: 100px;
    max-width: 30%;
    background: url("https://www.isc2chapter-sweden.se/wp-content/uploads/2017/03/Sweden-Logo-Stacked.png") no-repeat;
    background-size: 100%;
    position: relative;
    right: 0%;
    top: 0%;
}
#branding .hgroup-wrap > .hgroup-right .social-icons{
	float: right;
}
4

Hello there,

I hope you are doing well today.

You can use the following CSS code to have the logo appear on the left by going to Appearance > Customize > Additional CSS and pasting it there.


#site-logo:before {
    float: left;
    margin-right: 20px;
}

Best Regards,
Support

5

How to add a link to the logo?

6

Hey there,
Thank you for keeping in touch

Unfortunately this isn’t possible.
The Logo was added using CSS and as a result cannot be hyper linked.
As it was stated the theme doesn’t support a combination of both logo and text in the header.

However we want to improve our products as much as possible.
Please submit this issue to our github, to be assessed by our development team.

Best Regards,
Support