Trying to style the header with Logo overflowing

vivko · September 2017

Hi,

can you please tell me if there is a theme option to let the logo overflow under the header?

I did some styles with css but its not working properly.

http://siemens.za.net/blackcactus/

Now when you scroll down the menu disappears because I did move it with

#Top_bar .menu { margin-top: -50px; }

and I am not sure how to apply the opposite once I scroll down.

V.

Bryan · September 2017

Hello,
this option is in theme options>global>logo and it is called 'overflow logo'
thanks

vivko · September 2017

Ok thanks, but how do I make a header 120px and leave half of the logo to overflow?

I have selected the options 'overflow logo' previously.

Bryan · September 2017

Please go to theme options>global>logo
Please leave those fields blank.

vivko · September 2017

Sorry which fields? I have only set the height - 180px and vertical padding 20px.

Everything else is empty.

The problem here is that the header takes the logo height.

Even when I specify #Top_bar { height: 120px; } then I need to apply the margin to the menu items because they stay in the middle (vertical) of the Top_bar

So then I can't apply the other selector which will work on the menu when the sticky menu is selected.

In that case the menu is invisible because of the margin that made it centered on the normal header.

Bryan · September 2017

I am sorry, the link did not paste correctly, here it is:
http://prntscr.com/gkjkju
Are those fields blank?

Trying to style the header with Logo overflowing

Comments