Responsive - Temp Trick (On Fixed Theme)

Post

Posted
Rating:
Item has a rating of 5 (Liked by Adam)
#353 (In Topic #81)
Avatar
Standard member
Alan is in the usergroup ‘Fan in action’

Temporary solution for Responsive

Hope this will help the select few that got a similar problem to us,

We noticed that the fluid setting just filled the page without any additional margins etc and needed part fixed with content so we could manipulate the main outer so we have a max width and a min width for desktop computers and make it part fliud with the perams set. mobile devices will be fliuid by default if you have that option enabled (ours automatically converts to full fluid on mobiles).

The code changes are and is a very simple solution if you do not require the full width of a page covered on desktop computers.

find in global.css

#main_website #main_website_inner {
        width: 980px;
        position: relative;
        margin: 0px auto 15px auto;
        border: 1px solid {$GET,fixed_width_border};
        {$BETA_CSS_PROPERTY,box-shadow: 0 0 20px {$GET,standard_border};}
    }

Change to (we have ours set to this for max width)

#main_website #main_website_inner {
        max-width: 1280px;
        position: relative;
        margin: 0px auto 15px auto;
        border: 1px solid {$GET,fixed_width_border};
        {$BETA_CSS_PROPERTY,box-shadow: 0 0 20px {$GET,standard_border};}
    }

Then in same global.css look for

body#main_website {
    margin: 0;
    min-width: 1000px;

}

Change to

body#main_website {
    margin: 0;
    min-width: 980px;


This will resolve and make use of part fluid and part fixed using the fixed setting. mobile devices will automatically set to fluid if you have that option set.
Online now: No Back to the top
1 guest and 0 members have just viewed this.

Statistics

Users online:

deepu_ms, mytracker, Philip, babu, Salman, amit.nigam, gabriel58, ManojSree, Vaiva, MVLipwig

Forum statistics:
  • 1,296 topics, 5,829 posts, 7,064 members
  • Our newest member is flour2door
Birthdays:
Back to Top