Tagged: logo
Hello together,
could you please help me get the following issue fixed:
I want to implement the following layout:
Logo on the left, a second logo on the right, the menu below that in the middle.
I used the search and found the following page:
http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
I implemented this, with the following CSS code:
#header .widget {
left: 13%;
padding-top: 0;
position: absolute;
top: 0;
transform: translate(-50%);
z-index: 999;
}
Now the second logo is on the left, the main logo is in the middle and the menu is below.
Could you help me? :)
Thank you so much in advance and have a nice evening!
Hi leoadmin!
Send us a link to your page and we’ll see if we can get you some CSS to use.
Best regards,
Elliott
See below, dont know ir my message arrived:
Hey!
Your doing this right? http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
I did not see the widget in your header. Go ahead and add it in and we’ll take a look.
Regards,
Elliott
Hey,
thanks for your help, we got it done on our own! :)
There is just one question left:
Could you tell us how to implement that the “#header .widget” doesn’t appear on mobile phones?
Thanks,
Leo
Hey!
Add this to your custom CSS.
@media screen and (max-width: 767px) {
#header .widget { display: none !important; }
}
Cheers!
Elliott