Joomla Templates Club 406,261 posts

[k2joom Friend k2joomJoin date: March 2010Posts: 62Downloads:133Uploads:4 Thanks: 7 Thanked: 15 times in 2 posts]

#899862

Hello Team,

I have noticed that the templates main menu collapses on some large screen resolutions, such as 1366×768 (16:9).
Collapse navigation for small screens is enabled, but I can not find where to change at what size the main menu collapses.

Can this be modified?

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

#900172

Hi
Go to /templates/ja_magz_ii/less/variable.less
Find this code :

// Point at which the navbar stops collapsing
@grid-float-breakpoint:     @screen-sm-max;

Replace it with

// Point at which the navbar stops collapsing
@grid-float-breakpoint:     1024px;

Apply the value 1024px with the screen size where u want to apply the breakpoint .
Compile Less to css from template options to apply the changes . If you will edit this file via Joomla admin panel you can compile only this file from the compile Option . Here > http://prntscr.com/afsrxe

Please take a backup of site before making changes .

[Author]

Posts