Template-width-changer for 12-column-layout of gantry
-
-
- Henrik
- Jr. Rocketeer
- Posts: 49
- Thanks: 0
- Yes see www.rehabiler.dk
- Best regards
Henrik Larsen
-
-
-
- Lisa K
- Newbie
- Posts: 16
- Thanks: 0
-
Hi David,
Thanks very much for your post & file above. It works well, and expanding the width of columns to 80 solved my clients request for larger/wider images. On a large monitor anyway.
However, when I view the site on a tablet/ipad, the website width does not scale down, it simply chops the website. I cannot even scroll/swipe sideways to see the rhs of the screen.
Can you suggest a fix for this at all?
Can I change the set pixel widths per column to percentages instead? If so, which files/variables to edit?
I'm running the Visage template on J2.5 with Gantry (and am butchering the template according to subsequent client change requests). Under the Admin Template settings tab, I have the following settings:
iphone/android custom theme = off
scalable content = on (whether on/off doesn't change anything).
images resize: 80, 25%
the rest of settings as standard.
The client has a large monitor and wants images to fill more of the screen than the standard design for 1024 width monitors. As monitors are getting larger, this isn't a totally unreasonable request, and I'd like to be able to apply this to future joomla websites.
Thanks in advance for any help/suggestions which you can provide!! - Last Edit: 9 years 5 months ago by Kat05.
-
-
-
- Lisa K
- Newbie
- Posts: 16
- Thanks: 0
-
Henning wrote:
add
body {
min-width: 1050px !important;
}
Thanks for your quick reply!
I've added this code to my template.css file.
I've also used the updated version of mywidth.php as you suggested. from here:
www.rockettheme.com/forum/index.php?f=39...ic&start=165#p806468
It extends the width of the template on a PC but the website is still getting chopped when displayed on an ipad. Any other ideas what may be causing this? Thanks in advance for your help
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
Because your are using the updated version you need to remove
body {
min-width: 1050px !important;
}
from your css;
or at least change it to 1200px. Only logical that 1050px !important wont work when you make the template 1200px.
Also you said 1024 now you have 1200 ... please be a bit more precise in the future.
I think I will close this thread soon as it is getting confusing over the pages.
-
Time to create page: 0.083 seconds