Logo on the left, Picture on the right, Menu below in the middle - Support

Tagged: logo

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

Author

Posts
December 9, 2015 at 11:44 pm #550034
leoadmin
Participant
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!
- This topic was modified 9 years ago by leoadmin.
December 10, 2015 at 2:00 am #550070

Elliott
Inactive Moderator

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

December 10, 2015 at 10:16 am #550258

leoadmin
Participant

See below, dont know ir my message arrived:

December 11, 2015 at 3:11 am #550825

Elliott
Inactive Moderator

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

December 11, 2015 at 6:32 pm #551229

leoadmin
Participant

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

December 14, 2015 at 12:23 am #551870
Elliott
Inactive Moderator
Hey!

Add this to your custom CSS.
```
@media screen and (max-width: 767px) {
#header .widget { display: none !important; }
}
```
Cheers!
Elliott
Author

Posts

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

You must be logged in to reply to this topic.