Joomla Templates Club 406,261 posts

[Richard A Friend Richard AJoin date: January 2013Posts: 190Downloads:19Uploads:14 Thanks: 35 Thanked: 18 times in 2 posts]

#192202

How do I get JA Mitius to automatically fill a widescreen?

I see there are settings for ‘Wide’ in the responsive layout but the template remains in normal size on a widescreen with only the background filling the whole width correctly.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#512206

Hi dealthenuts,

On T3v3 templates (i.e JA Mitius), we use the span grid system of bootstrap to display the layout width of template. You can see that the largest resolution Boostrap defines the width on is equal and bigger than 1200px with 1050px width of container. That is why our templates doesn’t completely adjust the layout width on larger solutions (1600px, 1920px …).

And I’d want to confirm clearly that the Wide settings in Responsive layout of our templates just allows you to select the span with (span3, span5…) of module position on Wides Screen view. But, the actual width size of the position will depend on the defined width of Bootstrap responsive.

The solution in this case is using the css query to define the width of container for larger 1200px resolutions. i.e

@media (min-width: 1400px) {
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 1378px;
}
}

[Richard A Friend Richard AJoin date: January 2013Posts: 190Downloads:19Uploads:14 Thanks: 35 Thanked: 18 times in 2 posts]

#512369

Hi Leo,

I added the code to the custom css of JA Mitius, cleared the cache (including browser cache) but there is no change, is there anything else I should do?

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#512371

Hi dealthenuts,

The codes were effective on the larger 1400px device screens when the .container’s width expanded to 1378px as we defined above. Can you tell me the exact device resolutions you are checking the site on ? Maybe I can give you better change in this case.

[Richard A Friend Richard AJoin date: January 2013Posts: 190Downloads:19Uploads:14 Thanks: 35 Thanked: 18 times in 2 posts]

#512475

Resolution = 1366 x 768

Note: I am subscribed to this thread but no email notifications come through of updates to any of the forum threads I am subscribed to – including this one…….

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#512478

Hi,

You can try on these:

@media (min-width: 1360px) {
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 1278px;
}
}


<blockquote>
I am subscribed to this thread but no email notifications come through of updates to any of the forum threads I am subscribed to – including this one.</blockquote>

Can you check out the Spam folder in your email and make sure the our notification mail address is not in the blacklist of your email ?

Please help me to check that before I’m going to ask our system administrator to check the forum notification mail settings.

[Author]

Posts