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

Position logo and nav on banner image


stellaehabib
Go to solution Solved by tuanphan,

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
Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

@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:

You are amazing - THANK YOU!!!

Posted Images

5 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;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

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...