How to add menu navigation below banner and logo ?

How to add menu navigation to my (banner-logo-fixed menu) ?

I work in visual studio 2015 web application mvc

my design i need to do is

http://www.mediafire.com/view/8qgi42yp9glxw50/menu_under_logo.jpg

I need to add Gray menu (html && css) to (banner-logo-fixed menu)

But i face problem when add gray menu to design(banner-logo-fixed menu)

Gray menu (html && css)

html

<header class="news">
            <div class="nav">
                <ul>
                    <li class="home"><a href="#">Home</a></li>

How to add menu navigation below banner and logo ?

How to add menu navigation to my (banner-logo-fixed menu) ?

I work in visual studio 2015 web application mvc

my design i need to do is

http://www.mediafire.com/view/8qgi42yp9glxw50/menu_under_logo.jpg

I need to add Gray menu (html && css) to (banner-logo-fixed menu)

But i face problem when add gray menu to design(banner-logo-fixed menu)

Gray menu (html && css)

html

<header class="news">
            <div class="nav">
                <ul>
                    <li class="home"><a href="#">Home</a></li>

problem with responsive nav;

I am using javascript for a responsive collapsable nav. I have used this script in the past successfully, but now it's not working. The url is Ycric. index.php is calling the responsive-nav.js and this is the code on my inc_nav.php:

How to center menu and footer bar?

Hi! I’m new in css and i’m building now my first website. I want to center the menu and footer bar? Not only the text, but the whole nav bar. And how to adjust the alignment of footer bar, I mean how to move in slightly top of the bottom of the page? Pls help me. Thank you!

Here’s the script of menu bar css:

.main-navigation {
    clear: both;
    display: table;
    font-weight: 300;
    font-family: 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    position: relative;
    text-align: center;
    border-bottom: 3px solid #e92121;

How to center vertically?

I'm trying to center my header vertically but for some reason it's not. I have tried my code in the w3school.com site and I couldn't figure out why. Below are my code:

<!DOCTYPE html>
<html>
<head>
<style>
.cf:before, .cf:after
{
    content: "";
    display: table;
}
.cf:after
{
    clear: both;
}
header
{
background-color: #91CFF4;
}
#banner
{
    color: #FFFFFF;
    font-family: "Franklin Gothic Medium","Franklin Gothic",WebFont,sans-serif;
    font-weight: normal;

Syndicate content