Discussion on My Navbar - Top Fixed Responsive Bootstrap Navigation Bar


Designcollection supports this item


This author's response time can be up to 1 business day.

8 comments found.

Dropdown sections don’t seem to work without javascript.

This is CSS/JS navigation bar.

Nice Item. GL :-)

Many many Thanks:)

Great work!

Good sales! :-)

Many many Thanks:)

Hi mate !!

I’m using your plugin but I have problems with the fonts ..

I have my own css style but when I add the bootstrap.min change all my styles … I don’t want to use the default font and headers (h1, h2, etc …)

In my style I have added the raleway font but it does not work when I add bootstrap.

How I can delete the default options in bootstrap???

kindly share your website URL. i will review and give a best answer.

You can see an example here … http://www.division.cl/test/

kindly open this navigation-3.css file.

past this code on the top. /* FONT */ @import url(https://fonts.googleapis.com/css?family=Raleway:400,300,700);

and replace to this code. font-family: ‘Raleway’, sans-serif; to font-family: ‘Open Sans’, sans-serif;

i will hope. you will share five star rating with good comment.

:) Great

Thank you very much:)

Hi, could u tell me what did I miss here – it just didn’t slide….


Thanks, RS

check your email. i sent.

Can u re-send it again please. I didn’t get it.

kindly add JavaScript before

<script> $(function() { $(‘a[href*=#]:not([href=#])’).click(function() { if (location.pathname.replace(/\//,’‘) this.pathname.replace(/\//,'') && location.hostname this.hostname) { var target = $(this.hash); target = target.length ? target : $(‘[name=’ + this.hash.slice(1) +‘]’); if (target.length) { $(‘html,body’).animate({ scrollTop: target.offset().top }, 1000); return false; } } }); }); </script>

Maybe you could incorporate a less version of css.

I will give next updated version.

Hi, and thanks for this great script.

At what width value is the mobile menu triggered and where can I edit it to prevent the below from happening?



kindly put this CSS your file. Navbar-2.css file line no. 12 .my-nav .navbar-toggle { background-color: transparent; padding: 6px 15px; }

This below CSS put in Line no, 233 .my-nav .nav>li>a { position: relative; display: block; padding: 10px 8px; }