We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Dennis Kmetz
  2. General Discussion
  3. Thursday, 27 March 2014
  4.  Subscribe via email
Hi,

I have a 1024px design and populated the THEME MAGIC grids settings with 1020px for all but the TABLET. All seems just fine except for the TABLET size. For TABLET, I would like to use the mobile settings, and make TABLET exactly like mobile in its behavior and appearance.

I tried different values in the THEME-MAGIC TABLET settings and none seem to trigger the mobile settings.

In the template manager, I tried to make sidebar-1 and sidebar-2 take up the entire row, like in MOBILE, but there is no way to do this... they still align side by side vs. one on top of the other like in mobile.

I then modified the "tablet" settings in mainbody.php, and tried various combinations, but none seem to work (I changed the tablet item to span12, span12, span12, and that came the closest, but still not exactly like the mobile appearance/behavior.

"two_sidebars": {
"default" : [ "span6 offset3" , "span3 offset-9" , "span3" ],
"wide" : [],
"xtablet" : [],
"tablet" : [ "span12" , "span6 spanfirst" , "span6" ]
},


Can you tell me the settings to make TABLET look exactly like MOBILE?

Thanks,

Dennis
PS. I have purchased the dev template annual subscription to JATC, but really at this point just want to use T3 only as I will be using my own design.
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
If you are familier with less i guess it's easy to do. I'm not sure this will help, but at least you can give it a try. Go to your templatesfolder/less/variables.less, in there you'll find all the bootstrap variables. Around line 875 the container sizes are definied. There you can adjust your container size for Tablets. If you play a few minutes with it, you find it yourself.

Don't forget to put your template at developer mode (in Joomla)! Goodluck with it!
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,
My container sizes are around line 321... but I do not see anything for tablets (600 to 767). This is what they currently look like.

// Fluid grid
// -------------------------
@fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
@fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);

// 1200px min
@fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200);
@fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);

// 980px-1199px
@fluidGridColumnWidth980: percentage(@gridColumnWidth980/@gridRowWidth980);
@fluidGridGutterWidth980: percentage(@gridGutterWidth980/@gridRowWidth980);

// T3 Extensed: 768px-979px
@fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768);
@fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768);
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Look for @container-tablet, thats a bit further in the file...
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.