Add container around Nav Bar

[Former Member]

Hello, 

Bit of a newbie question i should know the answer too but its been a long week ...

How do i put a container around the nav bar with a header bar .. Same layout as the News Section would be but obviously not as high 

Thanks
Dave

[Teg]

Sept 19, 2015 4:24:44 GMT -8 Dave B said:

Hello, 

Bit of a newbie question i should know the answer too but its been a long week ...

How do i put a container around the nav bar with a header bar .. Same layout as the News Section would be but obviously not as high 

Thanks
Dave

The news section? You mean the like the news fader?

[Former Member]

Hi Teg

So basically turn the Nav Bar from what it is now into the below



Dave

[Teg]

You could move the navbar and wrap it in a div.

<div class="navbar">NAV StuFF HEre</div>

Can you link me to what you're working on so I can play with the coding?

[Former Member]

Sept 19, 2015 14:58:09 GMT -8 Teg said:

You could move the navbar and wrap it in a div.

<div class="navbar">NAV StuFF HEre</div>

Can you link me to what you're working on so I can play with the coding?

 
    Morning Teg

    Im currently working on trying to do this at the following url

    excelmaster.proboards.com/
  
    Thanks
    Dave

[Teg]

Alright, so basically, you want it separate from the banner in it's own container underneath it?

[Former Member]

Sept 20, 2015 8:55:31 GMT -8 Teg said:

Alright, so basically, you want it separate from the banner in it's own container underneath it?

   Yeah Teg

   It looks a little lonely sat there at the moment.

   So if i can put it inside a container with a title bar that would be perfect

   Thanks
   Dave

[®i©hie]

where you have this:

<div id="navigation-tree">
$[navigation.tree]
</div>

replace it with this:

<div class="container">
<div class="title-bar"><h2>Navigation Bar</h2></div>
<div id="navigation-tree">
$[navigation.tree]
</div>
</div>

remember you can always click "preview changes" to see how it looks before saving it.

[Former Member]

Sept 20, 2015 9:51:01 GMT -8 ®i©hie said:

where you have this:

<div id="navigation-tree">
$[navigation.tree]
</div>

replace it with this:

<div class="container">
<div class="title-bar"><h2>Navigation Bar</h2></div>
<div id="navigation-tree">
$[navigation.tree]
</div>
</div>

remember you can always click "preview changes" to see how it looks before saving it.

   Thanks ®i©hie

   Just tidying up a few things now and it should be perfect

   Dave