thesoulfulentrepreneur Posted November 22, 2019 Share Posted November 22, 2019 (edited) 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. 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: Does anyone have any advice on how to achieve the desired result? Thank you. Edited November 22, 2019 by stellaehabib Link to comment
tuanphan Posted November 23, 2019 Share Posted November 23, 2019 Can you share link to your site? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
thesoulfulentrepreneur Posted November 23, 2019 Author Share Posted November 23, 2019 @tuanphansure you can access it here (password: oakville). Link to comment
Solution tuanphan Posted November 23, 2019 Solution Share Posted November 23, 2019 @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; } thesoulfulentrepreneur 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
thesoulfulentrepreneur Posted November 23, 2019 Author Share Posted November 23, 2019 You are amazing - THANK YOU!!! tuanphan 1 Link to comment
BeeLeaf Posted May 28, 2020 Share Posted May 28, 2020 Hello I have another question, what code would I use to justify my logo to the right on my navigation bar? Link to comment
sequoiac Posted August 6, 2021 Share Posted August 6, 2021 On 5/28/2020 at 1:38 PM, BeeLeaf said: Hello I have another question, what code would I use to justify my logo to the right on my navigation bar? You don't need any code for that. You should be able to do that in the style tab. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment