Organize Header Area

Travelify
1

Hi,

In first, sorry for my English, i’m not bilingual…

Second, so many thanks for you travelify developpement and formu with. It’s a real support and solution to make a website like i want.

I have a question about the Header Area. It’s just possible to choose between Logo OR Text. No possibility to choose both and organize it.

In fact, i just want to put two logos around the header text (a logo on the left, text in center, and another logo on the right just before the social link.

Is it possible to write a position for image and text and social logo ?

You can see what i search on this images :
WEBSITE (in construction : http://www.vievaldis.fr/vvdwp/fr/)
AND WHAT I WANT : http://www.vievaldis.fr/Images/WP-MENUmodif.png)

So many thanks if its possible to do that.

Cocko

2

Hi Cocko,

I hope you are well today and thank you for your question.

You have to develop custom code in the child theme of Travelify theme but there is following workaround to achieve that.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Travelify Other Options

#site-logo:before {
    content: '';
    display: block;
    width: 200px;
    height: 100px;
    max-width: 100%;
    background: url("https://colorlib.com/wp/wp-content/uploads/sites/2/colorlib-logo-top.png") no-repeat;
    background-size: 100%;
    position: absolute;
    right: -120%;
    top: 20%;
}
#branding .hgroup-wrap > .hgroup-right,
hgroup#site-logo {
    position: relative;
    width: 151px;
}
#branding .hgroup-wrap > .hgroup-right:before {
    content: '';
    display: block;
    width: 293px;
    height: 100px;
    max-width: 100%;
    background: url("https://colorlib.com/wp/wp-content/uploads/sites/2/colorlib-logo-top.png") no-repeat;
    background-size: 100%;
    position: absolute;
    left: -120%;
    top: 80%;
}
#branding .hgroup-wrap > .hgroup-right .social-icons{
	float: right;
}

Please change the logo image URLs in the above code to whatever you want to set.

Best Regards,
Movin