Joomla Templates Club 406,261 posts

[Dezertztorm Friend DezertztormJoin date: February 2014Posts: 22Downloads:52Uploads:15 Thanks: 1]

#900960

We just had to add a another menu item to main menu and now it does not collapse properly. We want it to go to mobile menu instead of going to two levels.

---

Attachments:

1. 

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

#901109

Hi
You can collapse the menu to mobile menu as per your needed screen size .
Go to /templates/ja_medicare/less/variable.less
Find this code

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

Replace it with

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

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 .

[Dezertztorm Friend DezertztormJoin date: February 2014Posts: 22Downloads:52Uploads:15 Thanks: 1]

#901263

Just tried that and no change at all. Do you have any other suggestions?

---

Attachments:

1. 

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

#901341

Hi
i am not getting the two row menu at my end , can u clean your browser cache and check it again .
also provide the screen size/ and which device you are getting this issue .

[Dezertztorm Friend DezertztormJoin date: February 2014Posts: 22Downloads:52Uploads:15 Thanks: 1]

#901352

Se screenshot as to what screen size this happens in.

---

Attachments:

1. 

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

#901357

Hi
I just check it in for the same size : http://prntscr.com/agfvr5
And its working fine , I suggest you to check it in real device . Also Apply my suggestion given here to collapse the menu and chnage the width to 1080px .
In suggest i suggest 1024 is as an example so u can set it as per you needs .
I hope it works on your site too .

[Author]

Posts