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

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

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post
  • 0

Hello I have another question, what code would I use to justify my logo to the right on my navigation bar?

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