Trying to style the header with Logo overflowing

vivko

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

vivko

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

vivko

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next