Responsive - Temp Trick (On Fixed Theme)
Posted
#353
(In Topic #81)

Standard member

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.
1 guest and 0 members have just viewed this.