Okay
  Public Ticket #918011
Boxed layout on bigger screen
Closed

Comments

  •  2
    Jack Parker started the conversation
    October 11, 2016 at 2:54pm

    Hey guys,

    I'm trying to make it so the boxed layout activates on screen widths say over 1000px. I've tried multiple things with css but no luck.

    Example:

    @media only screen and (min-width: 1000px) {
    #boxed {
        margin: 0 auto;
        width: 1200px;
        position: relative;
        padding: 0px;
        z-index: 10000;
        background-color: #f8f8f8;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
    }
    }

    @media only screen and (max-width: 999px) {
    #boxed {
        margin: 0;
        width: 2200px;
        position: relative;
        padding: 0px;
        z-index: 10000;
        background-color: #f8f8f8;
        box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
    }
    }

    Please help.


    Thanks,

    Jack

  •  8,996
    Tahir replied
    October 12, 2016 at 10:04pm

    Hey Jack,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 1000px) {
    #boxed, #boxed #header-outer, #boxed #header-secondary-outer, #boxed #slide-out-widget-area-bg.fullscreen, #boxed #page-header-bg[data-parallax="1"], #boxed #featured, body[data-footer-reveal="1"] #boxed #footer-outer, #boxed .orbit > div, #boxed #featured article, .ascend #boxed #search-outer {
        width:100% !important;
    }
}

    Thanks

    ThemeNectar Support Team