Navigation
Archive / Maximize Header Width, But Keep Content Width Same
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 10, 2017 at 6:27 am #1323779
    Prithvi Raj
    Participant

    Hi,

    I want to maximize the header to use the full space on the page but I want to keep the content the same. Right now, if I make a change, it changes everything.

    URL: http://www.alkalinedietindia.com

    Kindly help me out.

    Thanks

    January 10, 2017 at 7:16 am #1323833
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    .x-navbar .x-container.max.width {
    width: 100%;
    max-width: 95%
}

    Hope it helps 🙂

    January 10, 2017 at 10:14 am #1324089
    Prithvi Raj
    Participant

    Hey,

    Thank You so much.

    Can I do something like on JamesClear.com?

    Logo on left, some menu options in the middle and one on the right?

    Thanks

    January 10, 2017 at 10:35 am #1324126
    Thai
    Moderator

    Please add the following CSS:

    .masthead-inline .desktop .x-nav {
    display: table;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.x-navbar .desktop .x-nav>li.menu-item.x-menu-item.x-menu-item-search {
    float: right;
    position: absolute;
    right: 0;
}

    http://i.imgur.com/jf5uP4r.png

    Hope it helps 🙂

    January 10, 2017 at 11:06 am #1324181
    Prithvi Raj
    Participant

    Thank You So Much.

    January 10, 2017 at 11:20 am #1324204
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1323779 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>