Fluid width possible in Gantry?
-
-
- Piet Nutbey
- Elite Rocketeer
- Posts: 659
- Thanks: 17
-
Hi,
Using Gantry (mostly 4 up to now) a lot and one thing that is getting asked more and more is to step out the grid setup and create a 100% fluid width layout.
On say a 1920px screen, 1200px wide content leaves a large left/right gap. So I am looking into solutions to make Gantry use fluid width to make the content use full width in all resolutions.
Easiest to explain is by looking at this example and resize your screen: Fluid Example
Is something simular for Gantry (4) possible? I'd love to know. - Best regards,
Piet Nutbey
Joomla Video Tutorials: www.joomtorial.com
-
-
-
- Piet Nutbey
- Elite Rocketeer
- Posts: 659
- Thanks: 17
-
For the record, just found out that in Gantry 5 it is really easy, but not ready to fully commit to Gantry 5 yet.
This image is hidden for guests.
Please log in or register to see it. - Last Edit: 9 years 10 months ago by Piet Nutbey.
- Best regards,
Piet Nutbey
Joomla Video Tutorials: www.joomtorial.com
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
Try adding this to custom css file:
.rt-container { width: 100% !important; } - Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Piet Nutbey
- Elite Rocketeer
- Posts: 659
- Thanks: 17
-
That was one of the first things I tried, but unfortunately that doesn't work without disabling the entire grid system in /libraries/gantry/css/grid-responsive.css
Think I will need to look at a grid solutions using percentages.
Thanks for the suggestion though! - Best regards,
Piet Nutbey
Joomla Video Tutorials: www.joomtorial.com
-
Time to create page: 0.057 seconds