How to align content and sidebar with slider on top of website

  • Resolved diet_code

    (@diet_code)


    8 years, 8 months ago

    Hey y’all,

    I would like to align the post-container and my sidebar with the slider on top of my website. (something like this)

    Is there any way to do this and if so, how do I avoid it looking too crammed?
    Also, how can I shorten the text box of the search form?

    Thanks for hearing me out!

    website: layerednonsense.com

Viewing 2 replies - 1 through 2 (of 2 total)
  • WebStyley

    (@webstyley)

    8 years, 8 months ago

    Install this plugin Simple Custom CSS

    and insert this code:

    .title-container {
    margin: 4.5em 0 0 0;
}

.menu-primary-container {
    max-height: none;
    text-align: right;
    margin: -20px 0 10px 0;
    overflow: visible;
}

.overflow-container {
    padding: 0 14%;
}
    Theme Author Ben Sibley

    (@bensibley)

    8 years, 8 months ago

    Hello again 🙂

    There’s a really simple and clean way to do this. Right now, there is a “.max-width” div in Apex that already limits the width of all the content to 1280px. You can override the default value to limit the whole site to the 960px max-width set on the slider instead like this:

    #max-width {
  max-width: 960px;
}

    As for the search bar, a max-width property will work nicely for this as well. It will need an !important tag since the existing CSS is very specific as is:

    .widget input[type="search"] {
  max-width: 150px !important;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to align content and sidebar with slider on top of website’ is closed to new replies.