Public Forums 71,145 posts

[troponin Friend troponinJoin date: March 2007Posts: 21Downloads:0Uploads:0 Thanks: 4 Thanked: 2 times in 1 posts]

#182589

Hey,

how can I enlarge the Template Width without destroying the span settings ?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#474352

You can configure it in backend settings of this template:
<blockquote>Admin area ->Extensions->Template Manager->JA Template->Layouts tabs->Default</blockquote>
find and change from

main-inner="1"
to

no-main="1"
Ex:
from

<block name="mainnav" type="mainnav" main-inner="1"></block>
change to

<block name="mainnav" type="mainnav" no-main="1"></block>

[troponin Friend troponinJoin date: March 2007Posts: 21Downloads:0Uploads:0 Thanks: 4 Thanked: 2 times in 1 posts]

#474708

<em>@Ninja Lead 348090 wrote:</em><blockquote>You can configure it in backend settings of this template:

find and change from

main-inner="1"

to

no-main="1"

Ex:
from

<block name="mainnav" type="mainnav" main-inner="1"></block>

change to

<block name="mainnav" type="mainnav" no-main="1"></block>
</blockquote>

THX – but I am talking about the V3 and not about V2

1 user says Thank You to troponin for this useful post

1. truonglychoi

[truonglychoi Friend truonglychoiJoin date: March 2011Posts: 4Downloads:0Uploads:0 Thanks: 3]

#474799

thank you.meal hours kept tinkering not

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#474818

JAT3v3 is using less & bootstrap and you change “Template Width” on this file
<blockquote>templates/ja_template/less/variables.less</blockquote>
You could find this:

// Default 940px grid
// -------------------------
@T3gridWidth: 940px; // T3 add. For non-responsive layout.
@gridColumns: 12;
@gridGutterWidth: 40px;
@gridColumnWidth: floor((@T3gridWidth - @gridGutterWidth * (@gridColumns - 1)) / @gridColumns);
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));

// 1200px min
@T3gridWidth1200: 1200px; // T3 add
@gridGutterWidth1200: 40px;
@gridColumnWidth1200: floor((@T3gridWidth1200 - @gridGutterWidth1200 * (@gridColumns - 1)) / @gridColumns);
@gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));

// 980px-1199px
@T3gridWidth980: 940px; // T3 add
@gridGutterWidth980: 40px;
@gridColumnWidth980: floor((@T3gridWidth980 - @gridGutterWidth980 * (@gridColumns - 1)) / @gridColumns);
@gridRowWidth980: (@gridColumns * @gridColumnWidth980) + (@gridGutterWidth980 * (@gridColumns - 1));

// T3 Add: 768px-979px
@T3gridWidth768: 740px; // T3 add
@gridGutterWidth768: 20px;
@gridColumnWidth768: floor((@T3gridWidth768 - @gridGutterWidth768 * (@gridColumns - 1)) / @gridColumns);
@gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));

1 user says Thank You to Ninja Lead for this useful post

1. troponin

[shibaevvv Friend shibaevvvJoin date: April 2011Posts: 5Downloads:1Uploads:1 Thanks: 2]

#481894

I use a template T3V3 Blank and Kunena forum.
responsive layout is on.
everything looks fine, except for mobile layout
Section # ja-mainbody lacks the width to display the full width forum
How can I increase the width only mobile layout?
(normal, wide, xtablet, tablet – it’s great)

Here is the link to the forum, you can see from the mobile phone
jk-vozrojdenie.ru/forum

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#481960

You can find it here
<blockquote>templates/ja_t3v3_blank/less/variables.less</blockquote>
Width

/ T3 Add: 768px-979px
@T3gridWidth768: 740px; // T3 add
@gridGutterWidth768: 20px;
@gridColumnWidth768: floor((@T3gridWidth768 - @gridGutterWidth768 * (@gridColumns - 1)) / @gridColumns);
@gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));

and less file for mobile device is here

<blockquote>templatesja_t3v3_blanklessstyle-responsive.less</blockquote>

After you changed on LESS file you need to compile LESS to CSS on JA Template.

P/S: all custom work on your site will be drop you need to be careful backup it

1 user says Thank You to Ninja Lead for this useful post

1. shibaevvv

[shibaevvv Friend shibaevvvJoin date: April 2011Posts: 5Downloads:1Uploads:1 Thanks: 2]

#482154

I came up with another way. Determine which file is loaded at css mobile browser in this css insert style reduces unnecessary tables.
Tell what css is loaded when browsing through the mobile browser?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#482265

You don’t tell me where do you change mobile layout on your template? You can find css files are working with mobile layout

<blockquote>templates/ja_t3v3_blank/less</blockquote>
With

home-responsive.less
joomla-responsive.less
megamenu-responsive.less
navigation-responsive.less
style-responsive.less
template-responsive.less

About general you can put it into template-responsive.less file

[Author]

Posts