Prose The Full Width Nav and Footer – where i made a mistake

[Ajitelev]

Hello all,
As mention in the subject am using Prose Theme.

i have 3 issue
1) Need to make Nav menu Full Width
presently it looks like

2) As i know Prose is having Footer out of main Wrap.
mine is like this

need to make footer as well oh full width.

3) How we can do like this in our content

Code i already have
custom css:`/** Do not remove this line. Edit CSS below. */

/* Customization for Read More Link... */
.more-link {
background: #99ccff;
font-color: #fff;
float: right;
font-size: 15px;
font-weight: bold;
margin: 16px 0 16px 0px;
padding: 3px 7px 3px 7px;
text-decoration: none;
text-transform: none;
}
#header {
height: 130px;
}
body {
width: 100%;
}
#wrap {
width: 81%;
margin: 0 auto;
}
#header {
background-position: top center !important;
max-width: 100%;
}
#header .wrap {
width: 1122px;
margin: 0 auto;
max-width: 100%;
}
}
#subnav {
width: 100%;
}
#subnav ul {
width: 1076px;
margin: 0 auto;
float: none;
}
#inner {
clear: both;
margin: 1px auto 0;
width: 1010px;
max-width: 100%;
}
#footer {
width: 1010px;
margin: 0 auto;
}
#footer-widgets .wrap {
width: 1010px;
margin: 0 auto;
max-width: 100%;
}
/* style.css */
.content-sidebar #content,
.sidebar-content #content {
width: 670px; /* edit the width */
}
.sidebar .widget {
margin: 0 0 15px;
}
#inner {
width: 1020px;
padding: 0 20px;
}
.content-sidebar #content-sidebar-wrap {
width: 1020px;
}
.content-sidebar #content {
width: 680px;
}
.sidebar {
width: 290px;
}

/* Customization for authorbox... */
.author-box {
background-color: #E3F1FF;
border: 1px solid #ddd;
margin: 0 0 40px;
overflow: hidden;
padding: 10px;
}
.author-box p {
font-size: 14px;
}

Custom Function.php : 

<?php
/** Do not remove this line. Edit functions below. */
// Read More changed to Continue Reading
add_filter( 'excerpt_more', 'child_read_more_link' );
add_filter( 'get_the_content_more_link', 'child_read_more_link' );
add_filter( 'the_content_more_link', 'child_read_more_link' );
function child_read_more_link() {
return '<a class="more-link" href="' .
get_permalink() .
'" rel="nofollow">[Continue Reading]</a>';
}
//* Display author box on single posts
add_filter( 'get_the_author_genesis_author_box_single', '__return_true' );

//* Customize the author box title
add_filter( 'genesis_author_box_title', 'custom_author_box_title' );
function custom_author_box_title() {
return '<strong>Here I am, Yes the Author and Admin - Ajit Tiwari</strong>';
}
//* Modify the size of the Gravatar in the author box
add_filter( 'genesis_author_box_gravatar_size', 'author_box_gravatar_size' );
function author_box_gravatar_size( $size ) {
return '90';
}
/** Reposition header outside main wrap */
remove_action( 'genesis_header', 'genesis_header_markup_open', 5 );
remove_action( 'genesis_header', 'genesis_do_header' );
remove_action( 'genesis_header', 'genesis_header_markup_close', 15 ) ;
add_action( 'genesis_before', 'genesis_header_markup_open', 5 );
add_action( 'genesis_before', 'genesis_do_header' );
add_action( 'genesis_before', 'genesis_header_markup_close', 15 );
`
For your reference here is site link:

http://www.bloggingsaga.com

[Sridhar Katakam]

Try adding this custom CSS:

#wrap {
    width: 100%;
}

---

Genesis Tutorials | Follow me on Twitter

[Ajitelev]

Hello sridhar,
adding above mention code, the width of whole site increase,

[Ajitelev]

Bump for today.....
full width nav
footer outside of main wrap

[Author]

Posts