Make vertical logo sit over the header slider?

Snowball1979

Hi there, 

Please may you let me know how I could make a large round logo sit over the slider so that it appears on top (transparent png).  

I have tried to use z-index but it always disappears behind the slider.  I don't want to make the header bar too high as it would take up too much screen real-estate.

Many thanks and kind regards

Paul

Albert

Hi Paul,

please upload logo that you want to use, send us url to your page and also send us screenshot with changes on that logo you want to do and we`ll try to help.

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

taubinator

I would like to do the same ... here is an example

taubinator

here is the link ... http://www.immaculateheartnj.com/

I know it's not the same theme, but the idea is to float a vertical logo from the menu bar.  The theme is not friendly to vertical logos.

Thanks!

Albert

@taubinator What is the url to your website where you got this logo?

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

taubinator

http://vandebilt.wpengine.com

I got it to work ... sort of, but responsiveness is way off.  Thanks for your support!

Albert

To make this logo right in responsive mode, please use below css:

@media only screen and (min-width:768px) { #Top_bar {  min-height: 150px; } }

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