Interested in all of our Premium Products? Get the 'Big Bundle' with 95% discount!

Navbar With Icons

Navbar Snippet
· 4.70/5 (39 Reviews)

MIT License

11,684 Downloads
26 Comments
Regular Support
Lifetime Updates
Release: 3 years ago
Update: 2 years ago
Icon html
Icon bootstrap
Product certified by: Creative Tim

We are here to help you!

26 Web Developers commented on this product

alex.vandenhoek
  • downloaded
2 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
2 years ago

Thanks for sharing, Creative Tim..

ae72a1d0
  • downloaded
2 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

axelut
  • 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?

axelut
  • 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

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

signon
  • downloaded
2 years ago

Thank you for your hard work!

axelut
  • owner

@signon you're welcome!
2 years ago

nicogaang26
  • downloaded
2 years ago

You're amazing! Thankyou!

cupright
  • downloaded
11 months 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
10 months 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

Code Quality

Design Quality

Design Quality