Help us be cool on Github! 😏 Take a look at our Material Dashboard and if you love it as much as we do, give us a star ⭐️ 🐱

Navbar With Icons

Navbar Snippet
· 4.80/5 (57 Reviews)

MIT License

13,161 Downloads
28 Comments
Regular Support
Lifetime Updates
Release: 4 years ago
Update: 2 years ago
Product certified by: Creative Tim

We are here to help you!

28 Web Developers commented on this product

Report issue

alex.vandenhoek
  • downloaded
3 years ago

Thanks for this! Really nice although I do need to mention that in combination with the Get Shit Done Pro package css the bar is not displayed entirely correctly (padding / margins are off) (Search is even broken in safari). It is caused by the <a> element in the menu I think. Will figure it out eventually.

afif.maximilion
  • downloaded
3 years ago

Thanks for sharing, Creative Tim..

ae72a1d0
  • downloaded
3 years ago

This will be heplful! Thanks Creative and Kind Tim

michaelalfox
  • downloaded
2 years ago

I'm testing this out currently, but I'm having a few issues. The first is that I seem to have some extra padding/margins in my implementation than the demo. As well, my link text and icons seem to be a bit less white than shown here. When I hover them, they turn white, but they don't have the square background like you get here. I'm currently using the following for this page: bootstrap.css, gsdk.css, examples.css, ct-navbar.css, pe-icon-7-stroke.css in that order. As well as the appropriate js files. Not sure what's causing the conflict.

michaelalfox
  • downloaded

It seems that it's the gsdk.css that's conflicting with the ct-navbar.css. When I remove the gsdk.css, the navbar looks and functions as it does here, but of course, it causes the other page elements to look funky. How can I resolve this?
2 years ago

alexpaduraru
  • owner

@michaelalfox we checked and you're right, there is a conflict between gsdk.css and ct-navbar.css, they were made in different period of time with different purposes and we didn't think of them as a single product, we sent you an email with a possible solution.
2 years ago

realsum137
  • downloaded

@axelut can you send the solution to me as well? I have had to put in hacks to make gsdk.css work properly with ct-navbar.css and it just feels dirty. I know you solution will be better.
2 years ago

tungnt185
  • downloaded
2 years ago

Thanks for sharing but I have a problem. When text in <p> too long, dropdown menu is fall out of icon. How can I fix it?

alexpaduraru
  • owner

@tungnt185 we made the fix, please download the v1.1 version. Good luck with the development.
2 years ago

tungnt185
  • downloaded
2 years ago

@alexpaduraru : Thanks for your support. It works now.

signon
  • downloaded
2 years ago

Thank you for your hard work!

alexpaduraru
  • owner

@signon you're welcome!
2 years ago

nicogaang26
  • downloaded
2 years ago

You're amazing! Thankyou!

cupright
  • downloaded
1 year ago

What would be the best way to add a hover event to open a dropdown? I did the following but it's a little buggy. Suggestions? $(".dropdown").hover(function(e){ $(this).toggleClass('open'); });

tee029
  • downloaded
1 year ago

Thanks For Giveing Thank you very much!

You have to be logged in to post a comment. Login here.

Why our customers appreciate us

Design Quality

Design Quality

Design Quality

Simple, intuitive