Public Forums 71,145 posts

[il_bujia Friend il_bujiaJoin date: May 2013Posts: 69Downloads:0Uploads:20 Thanks: 42 Thanked: 2 times in 1 posts]

#196196

Hi

I’am working with the design of my web for large screens(more than 1200px).Everything works fine except for the slider that is in the main page.From about a resolution of 1300px, the slider become more smaller and doesn’t fit all the area.And It gets worse if you go to higher resolutions.I put some pitcures of what I’am talking.How can I fix that?
I use Jat3 framework/T3 blank template with Joomla 3.2

Here is my site.

http://89.130.86.57/

Thanks in advance

---

Attachments:

1. 
2. 
3. 

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

#528407

<blockquote>http://89.130.86.57/</blockquote>

I could not access your site, lease check again. Please let me know once it is available, I will check further.

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

1. il_bujia

[il_bujia Friend il_bujiaJoin date: May 2013Posts: 69Downloads:0Uploads:20 Thanks: 42 Thanked: 2 times in 1 posts]

#528428

Sorry, I work on local server.Now is open again.Thanks for your help

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

#528718

<em>@il_bujia 418569 wrote:</em><blockquote>Sorry, I work on local server.Now is open again.Thanks for your help</blockquote>

Sorry for replying this late as we provide limited support on weekends.

I got the same old error again.

Please check and let me know when your site is available.

---

Attachments:

1. 

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

1. il_bujia

[il_bujia Friend il_bujiaJoin date: May 2013Posts: 69Downloads:0Uploads:20 Thanks: 42 Thanked: 2 times in 1 posts]

#528768

Hi

You don’t have to be sorry for anything.I appreciate a lot that you help me.The server is now open again.

Thanks for all again.

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

#528940

I can access your site now. I see you customised the layout resolution via this templates/t3_blank/css/custom.css.

If your site uses T3 blank template + T3 framework, please try to workaround below instead of solution above.

Open the templates/t3_blank/less/variables.less file, change the width in red with other value as you wish:


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


Once done, click Compile LESS to CSS button from Admin template (this action will override all customised css files except for the custom.css file, thus make sure you back-up old before doing these changes.)

Let me know if it helps.

---

Attachments:

1. 

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

1. il_bujia

[il_bujia Friend il_bujiaJoin date: May 2013Posts: 69Downloads:0Uploads:20 Thanks: 42 Thanked: 2 times in 1 posts]

#528958

Thanks for your reply

Yes,I work with T3 blank template + T3 framework.I try what you say to me,put different values,compile less to css but it doesn’t solve the problem.Altough I put a high value it has the same problem.

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

#529152

You need to roll back and back-up all css files customised on your site. Then pm me admin and FTP credentials of your site, I will help you out.

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

1. il_bujia

[il_bujia Friend il_bujiaJoin date: May 2013Posts: 69Downloads:0Uploads:20 Thanks: 42 Thanked: 2 times in 1 posts]

#529184

Many thanks,PM sent

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

#529334

<em>@il_bujia 419486 wrote:</em><blockquote>Many thanks,PM sent</blockquote>

You need to remove css style below in the templates/t3_blank/css/custom.css file

.t3-header, .t3-mainnav, .t3-navhelper, .t3-footer {float: left;
margin-left: 20%;
width: 62%;
}

Then your site should show with width: 1200px

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

1. il_bujia

[il_bujia Friend il_bujiaJoin date: May 2013Posts: 69Downloads:0Uploads:20 Thanks: 42 Thanked: 2 times in 1 posts]

#529415

Thanks again

I try what you say but the problem is still there.

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

#529517

As in my attached file, you can see main width site: 896px,

You need to change the width to 1200px as my suggestion here

Or you can pm me FTP account, I will help you out.

(P/S: Please backup all your site first. Anyway, it seems your site sometime was down, thus it is hard to debug)

---

Attachments:

1. 

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

1. il_bujia

[il_bujia Friend il_bujiaJoin date: May 2013Posts: 69Downloads:0Uploads:20 Thanks: 42 Thanked: 2 times in 1 posts]

#529987

Thanks and sorry for reply so late.I have sent you a PM.Please,let me know if you receive it correctly

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

#530248

I have changed the width of your site to 1200px, below are my steps:

+ Open the templates/t3_blank/less/variables.less file

Change

@T3gridWidth: 700px; // T3 add. For non-responsive layout.
@T3gridWidth1200: 900px; // T3 add

To

@T3gridWidth: 940px; // T3 add. For non-responsive layout.
@T3gridWidth1200: 1200px; // T3 add

and click Compile LESS to CSS button (via template Admin)

+ Open the templates/t3_blank/css/custom.css file and remove all rules below:

float: left;
margin-left: 20%;
width: 62% !important;

Now, your site is available with width: 1200px, let me know if it helps.

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

1. il_bujia

[il_bujia Friend il_bujiaJoin date: May 2013Posts: 69Downloads:0Uploads:20 Thanks: 42 Thanked: 2 times in 1 posts]

#530297

Thanks again for your help but the problem is still there.I upload a photo of what I see.The slider still not cover the blue dark area when the resolution is higher than 1300px.

---

Attachments:

1. 

[Author]

Posts