Mafick free asked 5 years ago


Hello, I want to use the sideNav in my project and I have a problem with the logo in the navigation. The logo height is always 80px. But I want that it fits to the image there.

Here is my stuff:

Code Snippet

error


Mafick free answered 5 years ago


Yeah you are right... I am setting now the style attribute to die div class and now it is working. So thx.

<div class="logo-wrapper waves-effect waves-light" style="height: 200px;" >

Marta Wierzbicka staff answered 5 years ago


Hi,

but the side nav width and height is always the same, that's why a logo inside side nav also has always the same size. Why the logo should change its size? I'm not sure what effect you want to achieve. Could you explain or show me an example?

Best, Marta


Mafick free answered 5 years ago


Hhmmm, yeah with the style="height: 80px;" it will be always 80px height. But what I want, that it adapt dynamicly to the logo size.

What I meant is, that it currently the size is always 80px :))

P.S. Even with the style attribute it is not working


Marta Wierzbicka staff answered 5 years ago


Hi,

try this code:

<div class="logo-wrapper waves-light waves-effect waves-light"> <a href="/"> <img class="img-fluid d-flex justify-content-center mx-auto" src="/picture/digital_night_club.png" style="height: 80px;"> </a> </div>

Best, Marta


Mafick free answered 5 years ago


You can see it live here https://digital-night-club.com/


Marta Wierzbicka staff answered 5 years ago


Hi,

In your snippet, I don't see the logo: https://mdbootstrap.com/snippets/jquery/mafick/1017862. Maybe provide here a demo of your website? I'll try to help you.

Best, Marta



Please insert min. 20 characters.

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: Laptop
  • Browser: Firefox
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes