Joomla Templates Club 406,261 posts

[tanyat Friend tanyatJoin date: September 2016Posts: 28Downloads:9Uploads:10]

#1004851

Hello, suddently (may be I did something but I don’t know how) width of template changed – empty filelds appeared left and right, befor was full screem template. Appreciate any advice to make full width view. Thank you.

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1004869

Hello

You can change width of your template editing variables.less file in this folder

/templates/ja_healthcare/less/

@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;

// So media queries don't overlap when required, provide a maximum
@screen-xs-max:              (@screen-sm-min - 1);
@screen-sm-max:              (@screen-md-min - 1);
@screen-md-max:              (@screen-lg-min - 1);
@screen-lg-max:              (@screen-hd-min - 1);

After you changed your preferred values for template width rememberto click on less to css button to recompile file

REMEMBER TO BACKUP YOUR VARIABLES.LESS FILE BEFORE TO APPLY CHANGES.

Regards

[Author]

Posts