Public Forums 71,145 posts

[inaneness Friend inanenessJoin date: April 2013Posts: 3Downloads:7Uploads:0]

#187181

T3v3 seems to support only layouts up to 1200px. But I need a responsive layout where the wide size is 1600px and the normal size is 1280px. Is there a way to achieve that with T3v3?

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

#491526

You can change it to larger size here

Open templates/ja_t3v3_blank/less/variables.less file

from

T3gridWidth1200: 1200px; // T3 add
change to

T3gridWidth1200: 1600px; // T3 add

And click Compile LESS to CSS button from Admin

[inaneness Friend inanenessJoin date: April 2013Posts: 3Downloads:7Uploads:0]

#491568

When you do so the page width will change to 1600px when the browser width is only 1200px. So this option makes no sense.

Is there no possibility to change the width for the devices, so that the page changes to 1600px when the browsers width is 1600px min?

[tom_laan84 Friend tom_laan84Join date: June 2008Posts: 348Downloads:142Uploads:30 Thanks: 88 Thanked: 67 times in 11 posts]

#491569

I think you set this option in the corresponding “-responsive.less” files. It’s done with @media.

[inaneness Friend inanenessJoin date: April 2013Posts: 3Downloads:7Uploads:0]

#491593

I’ve tried it with changing @media in all -responsive.less and even all responsive-*.less files in the bootstrap, but nothing changed it.

Any other suggestions? :-/

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

#491610

If custom.css file doesn’t exist, you can create it in this path: templates/ja_t3v3_blank/css

Open custom.css file and add new script

@media (min-width: 1201px) and (max-width: 1600px) {
/*add new css style support 1600px*/
}

[tom_laan84 Friend tom_laan84Join date: June 2008Posts: 348Downloads:142Uploads:30 Thanks: 88 Thanked: 67 times in 11 posts]

#491688

What you need to do is change the 1200px layout to activate when media-size is 1600. now it is still set to 1200px.

I dont know what files need to be altered but there is this file for instance:

“plugins>system>t3>base>bootstrap>less>responsive-1200px-min.less”

Could be there are other files that need adjusting. Be careful though. This is a core file and shouldn’t be adjusted right there.

You could try to make a similar file named 1600px. And have it loaded into bootstrap-responsive.less Add 1600px variables too. That would be what i would try. But for me it’s just trial and error. And haven’t tried this yet.

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

#491789

@tom_laan84: responsive-1200px-min.less is filename to support resolution 1200px, you do not have to change it to 1600px it can not run with 1600px :((.

My solution only work with default config template style and theme. Maybe you have changed configuration in default. if need to change resolution from 1200px to 1600px, please pm URL and admin access of your site, I shall help to check and give solution.

[Author]

Posts