responsive template width
-
-
- Omarson
- Rocketeer
- Posts: 53
- Thanks: 0
-
edit (November 5, 2012): I really appreciate if some one could guide me here
Hello,
I wonder is it possible to have a responsive gantry template on a 960 grid instead of 1200? If possible, what should I do?
Thanks - OmarS
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
-
Technically it does use a 960px grid... and a 1200px grid
www.rockettheme.com/blog/team/1551-respo...ocketthemes-solution
Are you trying to restrict it to a grid no larger than 960px? - B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
-
-
- Omarson
- Rocketeer
- Posts: 53
- Thanks: 0
-
Hello Ben,
Yes, I need to have a responsive template in a 960 grid width. The responsive design layout is 1200px wide. I need to make it 960px wide, as if it's a 960 grid fixed template but having responsive features.
Thanks for your time and support.
Ben Simon wrote:Technically it does use a 960px grid... and a 1200px grid
www.rockettheme.com/blog/team/1551-respo...ocketthemes-solution
Are you trying to restrict it to a grid no larger than 960px? - OmarS
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
-
There are no built-in feature to help you accomplish this but you might be able to turn off or modify the LESS media queries that control responsiveness. Can you see this thread?
www.rockettheme.com/forum/index.php?f=65...72481&rb_v=viewtopic
Most of what I can show you is what other members/moderators have been working on but I'm afraid you're not going to be able to see the threads because your membership has expired.
These links will also help:
www.gantry-framework.org/documentation/joomla/advanced/less-css
www.rockettheme.com/blog/team/1551-respo...ocketthemes-solution - B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
-
-
- Omarson
- Rocketeer
- Posts: 53
- Thanks: 0
-
Hello Ben,
Am not into less yet so am trying to figure how to do so with CSS ..
I have tried the following and worked fine assuming I'll have only one module published in showcase.
#rt-showcase .rt- container {width: 80%}
#rt-showcase .rt-grid-12 {margin: 0 auto; width: 100%;}
Is this a good solution?
And , do I have to do this for every part of the template i.e: rt- top, rt-maintop, rt-footer, etc.. Or can this be done in a better way? - OmarS
-
-
-
- Ben Simon
- Elite Rocketeer
- Posts: 4301
- Thanks: 8
- Full-time web developer
- There's a lot more than a few rules you'll need to override. The modification would be a lot easier using media queries. You'll probably reach the level of LESS Jedi in the same time it takes to alter every little CSS rule. It's not just the main positions, you'll have to alter every little piece of the grid (if I understand what you're proposing). Even then I'm not sure anyone has actually done it either way.
- B
e courteous to staff and members that volunteer their time helping you
E ssential Tool - FireBug
N ever assume I know what version you're talking about
S earch the forum for a solution first
I nclude a link to the problem
M ark your resolved issues as [SOLVED]
O nly PM moderators if they request it first
N o...
-
Time to create page: 0.087 seconds