fbpx
Welcome, Guest
Username: Password: Remember me

TOPIC: Breakpoints hamburger menu

Breakpoints hamburger menu 3 years 4 weeks ago #8471

  • seabird
  • seabird's Avatar
  • Offline
  • New Member
  • Posts: 17
  • Karma: 0
Hello,

I want change media breakpoints for hamburger menu icon display , because my mega menu is large.
How to do this ?

Thanks,

Eric

Edit:
I think, I find in bootstrap.min.css
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}

is it true ?
Last Edit: 3 years 4 weeks ago by seabird. Reason: I think I find
The administrator has disabled public write access.

Breakpoints hamburger menu 3 years 4 weeks ago #8476

  • priyasingh
  • priyasingh's Avatar
Hello,

Thanks for using JD Boston.
Could please share your site URL and a screenshot where the issue is occurring so that we can have a look and can assist you better.

Thanks,
Priya
The administrator has disabled public write access.

Breakpoints hamburger menu 3 years 4 weeks ago #8483

  • seabird
  • seabird's Avatar
  • Offline
  • New Member
  • Posts: 17
  • Karma: 0
Hello,
if I reduce the window too much , menu go to the next line


if I continue to reduce, hamburger menu icon display


So if change max-width in bootstrap.min.css, it's OK
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}

I override in JD_BOSTON custom code

Eric
The administrator has disabled public write access.

Breakpoints hamburger menu 3 years 4 weeks ago #8490

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 4489
  • Thank you received: 647
  • Karma: 116
Hi Eric,

With that modification. I think you should be fine.

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Breakpoints hamburger menu 3 years 4 weeks ago #8498

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 781
  • Thank you received: 101
  • Karma: 27
Hello,

Thanks for the giving us a screenshot.

Now you can easily enable the Off canvas menu (hamburger menu icon).

Go on your site backend then choose Extensions > Templates open the JD Boston Template then select the Menu from the tabs.
Now select the off canvas option in Menu type then save and go to the frontend.
See the steps here: www.screencast.com/t/HC7qk9Ape

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at JoomDev and let the world know about it.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.376 seconds