Joomla Templates Club 406,261 posts

[manburg6 Friend manburg6Join date: September 2014Posts: 7Downloads:0Uploads:0 Thanks: 2]

#201926

Hello,

I’ve notice that if I resize the browser windows down to 900 px the menu and position-1 disappear.

How can I move this size limit to 600px?

Thanks,
Mario

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#552343

Hi Mario,

Within view port having screen resolution is smaller than 920px, your site will load layout for small screen / tablet in which the menu or position-1 are hidden.

If you still want it shows the layout of medium screen / desktop, you will need change the media jQuery breakpoints via this less file: templatesja_bookshoplessvariables.less

// 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: 920px;
@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: 1180px;
@screen-lg-min: @screen-lg;
@screen-lg-desktop: @screen-lg-min;

Decrease the value: @screen-md: 920px; to suit your need

Once done, go to Backend > Template manager > and hit the ‘LESS to CSS’ button (remember to BACKUP all current css files first as when compiling LESS to CSS, they will be overridden)

[Author]

Posts