search

creativetimofficial / material-kit

Free and Open Source UI Kit for Bootstrap 5, React, Vue.js, React Native and Sketch based on Google's Material Design
https://www.creative-tim.com/product/material-kit?ref=mk-creativetimofficial-github
MIT License
5.91k stars 1.35k forks source link

Navbar bugs: 2px burger height; invisible current menu item text #102

Closed speller closed 5 years ago

speller commented 6 years ago
  1. Go to official docs: https://demos.creative-tim.com/material-kit/docs/2.0/components/navbar.html
  2. Narrow page contents to make dropdown visible.

Issues:

  1. The burger icon is 2px height.
  2. Press on the burget to open the dropdown. The Home menu item text is invisible.
speller commented 6 years ago

Icon:

image

Invisible menu item text:

image

dragosct commented 6 years ago

Hi, @speller! Thank you for your observation. We will fix that in the next update. In the product the toggle bars are ok on the responsive only if you will put active on the nav-item the text it will be invisible when you collapse the navbar. So to fix the issue with the text invisible please go to assets/scss/core/_responsive.scss on line 67 and add the following lines of code: 

&.active .nav-link,
&.active .nav-link:hover,
&.active .nav-link:focus,
&.active .nav-link:active{
    background-color: rgba(236, 237, 239, 1);
    color: $black-color;
}

Regards, Dragos

JRascagneres commented 5 years ago

This appears to still be an issue...