Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1190426

    thenoilif
    Participant

    Hello,

    I would like to make my logo bar and navigation bar full width on my site.

    It is http://www.bk-kitchen.com

    #1190428

    thenoilif
    Participant
    This reply has been marked as private.
    #1190429

    Rupok
    Member

    Hi there,

    Thanks for writing in! You are using Boxed Layout so it’s not possible to make them edge-to-edge fullwidth unless you set “Fullwidth Layout” from Customize > Layout and Design.

    Cheers!

    #1190449

    thenoilif
    Participant
    This reply has been marked as private.
    #1190463

    Christopher
    Moderator

    Hi there,

    Please select full width layout under Customize -> Layout and design.
    Please select one of page templates with container under cornerstone settings tab/general.

    Hope it helps.

    #1190467

    thenoilif
    Participant

    Sorry but I’m not super savvy at this sort of stuff. I previously had it setup with container but the background image didn’t appear on the sides of the body section. Only in the spaces to the left and right of the header. How can I select this format and still have it show the background image on the sides of the body content?

    #1190469

    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> CSS :

    .x-container.main:before {
    
        background-color: transparent;
    }
    .x-container.max.width.main {
        background-color: #fff;
        padding:10px;
    }
    

    Hope that helps.

    #1190478

    thenoilif
    Participant

    I added it but it didn’t do anything.

    See here there is no background image shown.

    http://bk-kitchen.com/?page_id=2278&cornerstone=1

    #1190486

    Christopher
    Moderator

    Hi there,

    There is a missing curly bracket in your code.
    Please find this code:

    .x-logobar {
        text-align: middle;

    And update it to :

    .x-logobar {
        text-align: middle;
    }

    Thanks.

    #1190687

    thenoilif
    Participant

    Thanks. that did.

    #1190708

    Christopher
    Moderator

    You’re welcome.