Logo image higher than navbar

Topic: Logo image higher than navbar

Ricardo Silva free asked 6 years ago

Is it possible to use a logo image that overlaps a small part of page in the \"brand\" of a fixed navbar and hide this image when the toggle button is visible?

Add comment

Edyta Dabrowska free answered 6 years ago

0 0 Best answer

Ok, I see what's the thing is now. Yes, you can. You need to add styles to the img tag like for eg.:


    z-index: 33;
    height: 65px;
    display: block;
    position: absolute;
    margin-top: 5px;

And then add margin-left to the

. Let me know if it works for you.

Ricardo Silva free commented 6 years ago

Thank you so much for the help! I did a quick test and I just need to do some adjusts to show or hide the image according to the screen size Thanks!

Edyta Dabrowska free commented 6 years ago

Let me know if you need further help.

Add comment

Edyta Dabrowska free answered 6 years ago

0 0 Best answer

Here on your example site, there are 2 divs used as 2 navbars. Try maybe following this one with navbars: https://www.bootply.com/lJgThXaVXi

Ricardo Silva free commented 6 years ago

Hi Edyta, Thanks for the help but the question isn't exactly the two navbars. The question is I have a logo on the navbar brand, but it is taller than the navbar itself and I need it to go trough the navbar bottom edge. Check out the logo circled in red on the following example: https://tinyurl.com/y7oto8md

Ricardo Silva free commented 6 years ago

Sorry for the duplicated post...

Add comment

Edyta Dabrowska free answered 6 years ago

0 0 Best answer

I think that you need to tell me more about this in order to help you. But this should be possible.

Ricardo Silva free commented 6 years ago

Something like this logo positon: http://web.vas.com/en but using mdb navbar Thanks!

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Free
Premium support: No
Technology: General Bootstrap questions
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

Ricardo Silva

0Support score
1Questions 0Answers 0Snippets