Logo image higher than navbar


Topic: Logo image higher than navbar

Ricardo Silva asked 4 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?
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 commented 4 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 commented 4 years ago

Let me know if you need further help.

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

Ricardo Silva commented 4 years ago

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

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 commented 4 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 commented 4 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 commented 4 years ago

Sorry for the duplicated post...

Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No