0
Welcome Guest! Login
0 items Join Now

Setting a 1920px max width for Responsive layout

  • Setting a 1920px max width for Responsive layout

    Posted 11 years 11 months ago
    • Hello,

      Which files would require editing to set a new max width of 1920px for responsive layouts. If I am correct it currently stops at 1200px but the project I'm currently working on needs the screen to keep stretching to 1920px for display on large mac monitors.

      Many thanks

      Paul
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: Setting a 1920px max width for Responsive layout

    Posted 11 years 11 months ago
    • zambego's Avatar
    • zambego
    • Sr. Rocketeer
    • Posts: 146
    • Thanks: 2

    Re: Setting a 1920px max width for Responsive layout

    Posted 11 years 11 months ago
    • This can be done using your custom css. as suggested above.

      That way you are safe for updates

      Your steps would be 160px (1920/12) each step. For completion you need to add other screen widths as well as the default will put a 1920px screen on anything above 1199 px if you don't change that also.

      /* Responsive Layout Change to 1920 */
      @media only screen and (min-width: 1920) {
      div.rt-container {width: 1920px;}
      div.rt-grid-1 {width: 160px;}
      div.rt-grid-2 {width: 320px;}
      etc...


      @media only screen and (min-width: 960px) and (max-width: 1919px) {
      div.rt-container {width: 960px;}
      div.rt-grid-1 {width: 80px;}
      div.rt-grid-2 {width: 160px;}
  • Re: Setting a 1920px max width for Responsive layout

    Posted 11 years 11 months ago
    • I also find out that the cerulean design is limited to medium sized screens and ask friendly to give me the dragndrop complete code to forecome small mistakes.
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: Setting a 1920px max width for Responsive layout

    Posted 11 years 11 months ago
    • Everything you need to do is already replied both in the forum topic I suggested and in reply @Zambego provided :oops:
    • Check my services at: Mihha-Vision
  • Re: Setting a 1920px max width for Responsive layout

    Posted 11 years 11 months ago
    • Should get a standard in the code since plenty people browse in higher resolutions. I mean what a sense to have a standard down to a mobile phone but not to a double desktop AS STANDARD ....
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: Setting a 1920px max width for Responsive layout

    Posted 11 years 11 months ago
    • I am sorry but web site standard IS web site width around 960 to 1200 pixels. Anything above that value is just not very productive on web sites because it is very difficult to follow the flow of content :oops:
    • Check my services at: Mihha-Vision
  • Re: Setting a 1920px max width for Responsive layout

    Posted 11 years 11 months ago
    • I dont agree. Very good that the Industries already recognice that our eyes are in the order of right left and not up down. Comes time comes webdesign which more becomes around the 16/9. Open your mind and you will See the actual standard will change for sure. RocketTheme could be first if they only could look beyond actual standards
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: Setting a 1920px max width for Responsive layout

    Posted 11 years 11 months ago
    • Ok. That is your opinion and I respect it. I am sure that RT developers are following industry standards and that when bigger dimensions become one they will comply. Until then, if you need this specific to be implemented on your web site, you will have to follow the suggestions already explained here in the thread 8)
    • Check my services at: Mihha-Vision
    • zambego's Avatar
    • zambego
    • Sr. Rocketeer
    • Posts: 146
    • Thanks: 2

    Re: Setting a 1920px max width for Responsive layout

    Posted 11 years 11 months ago
    • Totally disagree with you Neuronaut.

      The standard widths are standard for a reason.

      Try reading a line of text that is 1920 wide.

      Web design is not only about what our technology is capable of but also what our eyes and brains are comfortable with.

      My only issue with the templates is I think the standard front size should be 1em i,e 16px.

Time to create page: 0.060 seconds