2 logo on the header - Support | Kriesi.at

Tagged: header, logo

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
May 4, 2015 at 9:54 am #438794
Evedd
Participant
Hello there,
I’d like to have an additionnal logo in my header :

I already have the main the main logo on the left but I’d like to add another logo on the right of the header which would link to another page.
I thought about doing a full width banner with the two logo on each side of the banner but then I would not have the link for the left logo…
How can I do that ?

Thanks,
Eve
- This topic was modified 10 years, 6 months ago by Evedd. Reason: add notify me
May 4, 2015 at 3:45 pm #438973

Yigit
Keymaster

Hi Eve!

You can add a widget area to your header and place your second logo inside it – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

Regards,
Yigit

May 4, 2015 at 4:01 pm #438996

Evedd
Participant

Thanks, it helped a lot, I have now a new widget area, but what should I write here to have the second logo on the right ?

#header .widget {
left: 50%;
padding-top: 0;
position: absolute;
top: 0;
transform: translate(-50%);
}

May 4, 2015 at 4:03 pm #439000

Yigit
Keymaster

Hey Eve!

Please go to Enfodl theme options > General Styling and add that code to the Quick CSS field. You may need to adjust the values to position it perfectly.

Cheers!
Yigit

May 4, 2015 at 4:09 pm #439008

Evedd
Participant

Thansk, I’m doing some adjustement but it seems that the logo area is in the menu and not the header… how should I fix that…. for the moment here is what I’ve write…

#header .widget {
left: 80%;
padding-top: 0;
position: absolute;
top: 0;
transform: translate(-0%);
}

May 4, 2015 at 4:13 pm #439014

Yigit
Keymaster

Hi!

Can you please post the link to your website Eve, so we can provide you accurate custom CSS code?

Cheers!
Yigit

May 4, 2015 at 4:15 pm #439016

Evedd
Participant

This reply has been marked as private.

May 4, 2015 at 4:26 pm #439032
Yigit
Keymaster
Hey!

I have changed the code in Quick CSS field. Please remove following code from Custom.css file Eve
```
#header .widget {
  left: 100%;
  padding-top: 0;
  position: absolute;
  top: 0;
  transform: translate(-50%);
}
```
Best regards,
Yigit
May 4, 2015 at 4:29 pm #439036

Evedd
Participant

Thanks you, now I’m gonna try diferent value to have it at the right place :-)
regards,

Eve

May 4, 2015 at 4:30 pm #439041

Yigit
Keymaster

Hi Eve!

You are welcome, #TeamKriesi is always happy to help :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

Cheers!
Yigit
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘2 logo on the header’ is closed to new replies.