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

Community Forums Forums Design Tips and Tricks Prose The Full Width Nav and Footer – where i made a mistake

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Ajitelev 11 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #59964

    Ajitelev
    Participant
    Post count: 9

    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
    Full width nav menu

    2) As i know Prose is having Footer out of main Wrap.
    mine is like this
    Footer full width
    need to make footer as well oh full width.

    3) How we can do like this in our content
    Content Box

    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:

    • This topic was modified 11 months ago by  Ajitelev. Reason: Website link was 2 time, corrected with erasing one
    • This topic was modified 11 months ago by  Ajitelev. Reason: Website link was 2 time, corrected with erasing one
    http://www.bloggingsaga.com
    #59989

    Sridhar Katakam
    Participant
    Post count: 926

    Try adding this custom CSS:

    #wrap {
        width: 100%;
    }

    #60001

    Ajitelev
    Participant
    Post count: 9

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

    #60628

    Ajitelev
    Participant
    Post count: 9

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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.