Placing banner above the Bootstrap 3 navbar?

css twitter-bootstrap-3 navbar banner
Chaka picture Chaka · Nov 30, 2014 · Viewed 26.2k times · Source

I have this Bootstrap 3 navbar: http://www.bootply.com/xkcDjvQslb

I want the following modifications:

  1. Add banner above the fixed navbar
  2. Hide the banner when I scroll down

I saw the following example: http://www.bootply.com/69848; not great at bootstrap and when I pull the relevant code it breaks my menu.

The banner (above the navbar) would be a table with a logo on the left side and title on the right. I need someone to point me in the right direction?

Answer

Rafael picture Rafael · Nov 30, 2014

Remove navbar-fixed class in nav. Then place markup above the nav.

http://www.bootply.com/vxJEiv1RC2

Related questions

Change navbar color in Twitter Bootstrap

How would I go about modifying the CSS to change the color of the navbar in Twitter Bootstrap?

Read More
Bootstrap 3 Navbar with Logo

I want to use the Bootstrap 3 default navbar with an image logo instead of text branding. What's the proper way of doing this without causing any issues with different screen sizes? I assume this a common requirement, but I haven't …

Read More
Bootstrap 3 - disable navbar collapse

This is my simple navbar: <div class="navbar navbar-fixed-top myfont" role="navigation"> <div class=""> <ul class="nav navbar-nav navbar-left"> <li> <a class="navbar-brand" href="#"> <img src="assets/img/logo.…

Read More