Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1425343

    seelevelmktg
    Participant

    Also, in reference to item 1:
    1.) It is fullwidth when I checked.

    I changed the layout to boxed and I’d like just the logo, social media icons, navigation menu and my new widget I’m adding to be fullwidth. How can I have the header be full width and the rest of the page be boxed?

    Thanks

    #1425885

    Rue Nel
    Moderator

    Hello There,

    Thank you for the clarifications. Do you want something like this?
    http://prntscr.com/eqkuxv

    If that is the case, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

    .x-boxed-layout-active .site {
        width: 100%;
        max-width: 100%;
        background-color: transparent;
    }
    
    .x-boxed-layout-active .x-main.full {
        margin: 0 auto;
        width: 90%;
        max-width: 1400px;
    
        border: 1px solid #d5d5d5;
        border: 1px solid rgba(0,0,0,0.275);
        border-top: 0;
        border-bottom: 0;
        background-color: #fff;
        box-shadow: 0 0 5px rgba(0,0,0,0.125);
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    Hope this helps. Please let us know how it goes.

    #1426135

    seelevelmktg
    Participant

    This worked GREAT, thank you!

    The last item I mentioned previously was adding in another widget area underneath the menu bar.

    You all had instructed me with this code:
    add_filter( ‘x_before_the_content_begin’, ‘add_content_after_navigation’ );
    function add_content_after_navigation(){
    echo”<div>Replace this with you content</div>”;
    }
    What would I put in the “replace with your content”… would I put a reference to sidebar I want to use? I tried to create sidebar and stick in the ID in the “replace your content”, but that didn’t work.

    #1426580

    Friech
    Moderator

    Hi There,

    You need to create a new sidebar widgets dedicated for this, and then update the code to this:

    add_filter( 'x_before_the_content_begin', 'add_content_after_navigation' );
    function add_content_after_navigation(){
        echo dynamic_sidebar('SIDEBAR ID HERE');;
    }

    Replace the SIDEBAR ID HERE with the actual sidebar ID.

    Thanks,