Change the Bootstrap NavBar Breakpoint

david157
98 Posts
david157 posted this 26 September 2016

Hi

I want to change the point at which my menu changes from the standard one to the Bootstrap menu bar. I've had a look here: https://coderwall.com/p/wpjw4w/change-the-bootstrap-navbar-breakpoint but can't get it to work.

Right now, it breaks at 768px, the default.

I've tried adjusting the values on the theme layout tab in settings but this doesn't make any difference to the break-point. Not sure what the theme layout tab actually does by the way.

Does anybody know how to do this without re-compiling Bootstrap?

Many thanks, David

Hi I want to change the point at which my menu changes from the standard one to the Bootstrap menu bar. I've had a look here: https://coderwall.com/p/wpjw4w/change-the-bootstrap-navbar-breakpoint but can't get it to work. Right now, it breaks at 768px, the default. I've tried adjusting the values on the theme layout tab in settings but this doesn't make any difference to the break-point. Not sure what the theme layout tab actually does by the way. Does anybody know how to do this without re-compiling Bootstrap? Many thanks, David
menu Joomla responsive bootstrap3 breakpoint
Vote to pay developers attention to this features or issue.
5 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 27 September 2016

Hi,

Values in the layout grid control the width of your page in each viewport. You can not change the break points. But you can set the menu to start acting as the responsive one from phone, tablet, laptop or even from desktop. That can be set under the Horizontal Menu >> Mobile Menu options.

Sincerely,
Hella

Hi, Values in the layout grid control the width of your page in each viewport. You can not change the break points. But you can set the menu to start acting as the responsive one from phone, tablet, laptop or even from desktop. That can be set under the Horizontal Menu >> Mobile Menu options. Sincerely, Hella
david157
98 Posts
david157 posted this 27 September 2016

Hi Hella

Thanks for that.

OK, so I've kept the default values of the layout as per attachment:

2016-09-27-10-56-26.png

I've set the mobile menu to show on tablets or less. I can't figure out how to make the width at which this kicks in to 900px. It doesn't seem to make any difference when I change the theme layout values. What am I doing wrong?

Many thanks, David

Hi Hella Thanks for that. OK, so I've kept the default values of the layout as per attachment: !2016-09-27-10-56-26.png! I've set the mobile menu to show on tablets or less. I can't figure out how to make the width at which this kicks in to 900px. It doesn't seem to make any difference when I change the theme layout values. What am I doing wrong? Many thanks, David
2016-09-27-10-56-26.png
Support Team
Support Team posted this 27 September 2016

Hi,

There is no way to make your menu go to the responsive menu in 900px width screen.
The values in the screen shot control the width of the page (content) for each responsive view.

Sincerely,
Hella

Hi, There is no way to make your menu go to the responsive menu in 900px width screen. The values in the screen shot control the width of the page (content) for each responsive view. Sincerely, Hella
david157
98 Posts
david157 posted this 27 September 2016

Hi

OK, understand. I know there are ways around it with Bootstrap but making it work with Themler right now is probably way too complicated.

I understand that when Bootstrap 4 comes out, this will be a lot easier. I hope your developers manage to utilise this within some future update. It will certainly be useful as making a menu break on a certain screen size is quite important so far as responsiveness is concerned.

Many thanks, David

Hi OK, understand. I know there are ways around it with Bootstrap but making it work with Themler right now is probably way too complicated. I understand that when Bootstrap 4 comes out, this will be a lot easier. I hope your developers manage to utilise this within some future update. It will certainly be useful as making a menu break on a certain screen size is quite important so far as responsiveness is concerned. Many thanks, David
Support Team
Support Team posted this 27 September 2016

Hi,

Thanks for your feedback. We'll include it in our wish list for possible future implementations.

Sincerely,
Hella

Hi, Thanks for your feedback. We'll include it in our wish list for possible future implementations. Sincerely, Hella
You must log in or register to leave comments