Site width option

(4 posts) (4 voices)

  1. Hi Elliott,

    It would be greate if your themes did offer a "site width option" in the admin panel.

    I do not know about the US, but in Sweden the average computer user has a monitor with 1680 or 1920px resolution. It´s not even possible to buy a monitor with lower resolution than 1680px.

    So themes with 960/980px width is really not working well any longer.

    Best regards,
    Thomas

    Posted 4 years ago #
  2. omg
    Member

    Use CSS...

    Try any of this code and add to your custom CSS area to make full width, you can remove certain sections to keep some areas from being full width. For a full width slideshow use the plugin Slider Revolution for $19 is awesome.

    .is_home #content { height: 1500px !important; }

    .is_home #primary_menu {width: 100% !important; }

    #body_inner, #content_wrap, #header, #footer {
    width: 100% !important; }

    #main {width: 100% !important; }

    #content {width: 100% !important; }

    #content_inner { padding-bottom: 0px !important; }

    .is_home #content, #content_wrap {width: 100% !important; }

    .is_home#content_inner { width: 0px !important; }
    .is_home#content_inner { height: 0px !important; }

    #body {width: 100% !important; }

    #main_body { width: 100% !important; }

    #intro_inner { width: 100% !important; }

    Posted 1 year ago #
  3. bmatth1@twc.com
    Member

    I have tried this code in DeJavu and none of it works. Not sure why - unless DeJavu uses different CSS names to reference the various areas of the pages.
    Thanks

    Posted 5 months ago #
  4. OnePressTech
    Member

    Sorry to be the bearer of bad news but no one from MSMW staff have responded to this forum or email contacts for over a year. I'm just another ex-MSMW client helping other MSMW clients where I can.

    Regarding your current design needs...when you set a css container to 100% it inherits the width of the parent. To get a site to be full width all containers in the parent / child chain need to be set to 100%. In the advice previously provided by omg he neglected to include body and html:

    html, body{width:100%; height:100%; padding:0px; margin:0px}

    For explanation see: http://stackoverflow.com/questions/23560084/css-body-width-100-percent

    I am not sure how much of your site you want to be 100% wide...you'll need to decide that for yourself and decide which CSS configuration best achieves your requirements. Here are two good examples: https://css-tricks.com/full-browser-width-bars/ and http://jsfiddle.net/aGG3V/ .

    Hope that helps :-)

    PS: I will add fullscreen / site-width option to the requirements list for BackStop Themes...the community replacement for MSMW themes (see below).

    ---------------------
    A community fork of the MSMW themes has been created at https://backstopthemes.com. NOTE: This excludes Awake and inFocus since these are proprietary ThemeForest distributed themes.

    For the techies, you can participate in the community at https://gitlab.com/BackStopThemes.

    Note: Always make a backup of your current system before upgrading your theme in case you want to roll back.

    FYI - BackStop themes is a community-based support environment for the now defunct MSMW themes. Please keep in mind that support is now community based so please be patient. None of the money you spend / have spent on MySiteMyWay goes to the new community-based support environment which was established and is maintained by OnePressTech Pty Ltd.

    If you choose to continue with BackStop Themes you can email admin@backstopthemes.com to be added to the BackStop Themes newsletter....welcome to the new community :-)
    -----------------------

    Kind regards,
    Tim

    Tim Hibberd - Managing Director
    OnePressTech Pty Ltd

    Posted 5 months ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme