How to make it Fullscreen

dtierney19

Hi,

How do I make the site full screen. On my computer it only takes up approximately 75% of the screen. How do I make it full width?

Thanks!

pavit

Hi dtierney19

You can edit this file /templates/ja_company/less/variables.less and find Media queries breakpoints around line 250

Then you can also change Container sizes around line 665

// Small screen / tablet
@container-tablet:             ((720px + @grid-gutter-width));
@container-sm:                 @container-tablet;

// Medium screen / desktop
@container-desktop:            ((940px + @grid-gutter-width));
@container-md:                 @container-desktop;

// Large screen / wide desktop
@container-large-desktop:      ((1140px + @grid-gutter-width));
@container-lg:                 @container-large-desktop;

// HD Screen
@container-hd:									1600px;

Try to change the @container-hd width , aftr saved this file do not forget to compile less to css

Regards

dtierney19

pavit What do I do on line 250? Also, what do you suggest changing the Container sizes to around 665? Lastly, can I just upload the file back to the same spot or does it need to become a .css file?

Ninja

dtierney19
Hi
Template is based on Bootstrap 3 that use grid system and show the width that is defined in the file.
As you can see the @container-hd width is 1600px you can increase the width value that you want to set.
Increase the value to a more value save the file, now compile less to css from template style option to apply the changes in css file.

Regards

paulus1031

Hi There,

First I'd take a copy of the file so you have the original file intact
Once you've made the changes to the file you need to compile to less inside the template settings

Once it is compiled it will change the css - you would edit and save the file in the same spot

Cheers
Paul

paulus1031

Regarding the container width it will depend on how you want it to luck on different device widths e.g. desktop compared to tablet or phone

Cheers
Paul