Is there a header option that leaves the Action bar full width in a boxed layout?

edited August 2014 in Theme support
Hi,
I want a full width action bar and boxed type template. Is there a combo of options to achieve this?

Comments

  • Hi,

    if you use something like classic header or similar, then you can play with below css (of course you must have Full width layout selected in Muffin Options section):
    #Top_bar { 
        width: 1240px;
        margin: 0 auto;
    }

    #Header_wrapper {
        background-color: #FCFCFC !important;
    }

    #mfn-rev-slider {
        width: 1240px;
        margin: 0 auto;
    }

    #Footer {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
        margin: 0 auto;
        width: 1240px;
    }

    #Content {
        background-color: #fcfcfc;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
        margin: 0 auto;
        width: 1240px;
    }

    @media only screen and (min-width: 960px) and (max-width: 1239px) {

        #Content { width: 960px; }

    }

    @media only screen and (min-width: 768px) and (max-width: 959px) {

        #Content { width: 728px; }

    }

    @media only screen and (min-width: 480px) and (max-width: 767px) {

        #Content { width: 420px; }

    }

    @media only screen and (max-width: 767px)  {

        #Content { width: 300px; }

    }
  • thank you for this.
Sign In or Register to comment.