Joomla Templates Club 406,261 posts

[Município de Vila Real Friend Município de Vila RealJoin date: January 2017Posts: 44Downloads:29Uploads:17 Thanks: 11]

#1018281

Hi,
How can i specify a maximum width for the template? If i open in a big screen, like my 27" iMac, the template, since it is responsive automatically adjusts to the whole page. The problem is that it looks way to big and the pictures become pixelated.
thank you

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1018432

Hi
The template is based on Bootstrap 3 that has grid system and you can define width for different screen sizes.
Open templates/ja_moviemax/less/variable.less
Find

// Extra small screen / phone
// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
@screen-xs:                  480px;
@screen-xs-min:              @screen-xs;
@screen-phone:               @screen-xs-min;

// Small screen / tablet
// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
@screen-sm:                  768px;
@screen-sm-min:              @screen-sm;
@screen-tablet:              @screen-sm-min;

// Medium screen / desktop
// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
@screen-md:                  992px;
@screen-md-min:              @screen-md;
@screen-desktop:             @screen-md-min;

// Large screen / wide desktop
// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
@screen-lg:                  1200px;
@screen-lg-min:              @screen-lg;
@screen-lg-desktop:          @screen-lg-min;

// Very Large Screen
@screen-hd:                  1600px;
@screen-hd-min:              @screen-hd;
@screen-hd-desktop:          @screen-hd-min;

Change the value of size give in px in above code.
Compile Less to css from template options after save.

Do not forget to take backup of site before apply changes.

[Município de Vila Real Friend Município de Vila RealJoin date: January 2017Posts: 44Downloads:29Uploads:17 Thanks: 11]

#1018579

Hi,
Thank you for your answer but i did not mean to change the breakpoint (or i am not really understanding it), what i mean is if it is possible to keep left and right black margins when the screen is big enough because it looks really bad on a large screen. Please see the pictures. What i would like to achieve is something like the pictures with black margins when the screen is above 1200px (for exemple).
Thank you

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1018783

Hi
The suggestion if for change in width of the template as you needed.
Kindly try to apply the changes and check
Here is documentation for how to change the template width in T3 templates.
Here http://prntscr.com/ekicxy

[Author]

Posts