0
Welcome Guest! Login
0 items Join Now

RT-CONTAINER - Why 480px and not 95% for 481-767?

Last Post
Search Topic

  • RT-CONTAINER - Why 480px and not 95% for 481-767?

    Posted 11 years 6 months ago
    • I am curious as to why the rt-container in Gantry 4 is set to 480px for media @481px-767px, and not the 95% that is set for all others? This does not look good because there is a huge gap left and right of all content. I must be missing something here becuase there is obviously a reason why it is set to those parameters.

      Any ideas?
      This image is hidden for guests.
      Please log in or register to see it.


      Thanks!
    #1025600
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: RT-CONTAINER - Why 480px and not 95% for 481-767?

    Posted 11 years 6 months ago
    • Check out Andy's three part blog on responsive design here... http://www.rockettheme.com/blog/team/1550-responsive-design-and-gantry4

      Our templates are responsive "adaptive" rather than "fluid".

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1025636

  • Re: RT-CONTAINER - Why 480px and not 95% for 481-767?

    Posted 11 years 6 months ago
    • Thanks for the reply, but I don't feel that I have an answer still.

      The article even mentions that columns for devices 767 and lower are 100% fluid - yet the ft-container class is set to 480 for 481-767 views.

      Like so:
      @media only screen and (max-width: 767px) and (min-width: 481px)
grid-responsive.css:167
.rt-container {
width: 480px;
}
    #1025723
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: RT-CONTAINER - Why 480px and not 95% for 481-767?

    Posted 11 years 6 months ago
    • We fix the widths of the viewing area so they are not fluid but adaptive - therefore you only have to design your content to cope with 5 different viewport sizes rather than every conceivable size.

      I believe that explained in Andy's three-part blog post - the reason why we chose adaptive rather than truly fluid responsive design.

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1025726

Time to create page: 0.066 seconds