Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
stellaehabib

Position logo and nav on banner image

Question

Hello!

I am currently using the Mentor template in the Brine family. I would like to stack a logo directly above the nav menu, on the header banner image. Right now, you can see that the logo is centered above the nav, but it has a different background colour because it's against the background, not on top of the banner image.

issue-1.png 

That is because the logo's position is "top center" while the nav's position is "bottom center".

When I change the logo to "bottom center" and keep the nav at "bottom center" it looks like this, which isn't what I'm aiming for:

issue-2.png

Does anyone have any advice on how to achieve the desired result?

Thank you.

 

 

 

 

Edited by stellaehabib

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

@stellaehabib try adding this code to home > design > custom css

header.Header.Header--top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: transparent;
}
header.Header.Header--bottom.Header--overlay {
    position: absolute;
    top: 180px;
    left: 0;
    right: 0;
    z-index: 999;
}

 


 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31 for Lunar New Year.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...