Page 1 of 1
Dropdown Menu does not work with breakpoints.
Posted: Thu Jun 15, 2023 6:07 pm
by Al_Sin
Hi Pablo,
Dropdown Menu and Bootstrap Navigation bar do not work on my page with 768 and 360 breakpoints.
Everything is working fine on the 1280px page, but both menus do not work in other breakpoints.
Thank you,
Alexandre
This is my project.
www.travelcanadatninsurance.ca/Pablo/pablo.wbs
Re: Dropdown Menu does not work with breakpoints.
Posted: Thu Jun 15, 2023 7:55 pm
by Pablo
The menu does not work because it is inside a grid, so it cannot break out of the grid to expand the sub menu.
I think it is better to put the menu on a page header, where the 'stack level' is set to 'in front of content'.
Or else use a layout grid to place the menu in. This also auto expands.
Re: Dropdown Menu does not work with breakpoints.
Posted: Thu Jun 15, 2023 8:35 pm
by Al_Sin
But these menus worked perfect in the grids in previous versions.
Please see the page
Working-menu in this project:
travelcanadatninsurance.ca/Pablo/pablo.wbs
Why it is not working now?
Thank you,
Alexandre
Re: Dropdown Menu does not work with breakpoints.
Posted: Fri Jun 16, 2023 6:04 am
by Pablo
I could not find a DropdownMenu on the 'Working-menu' page.
Are you sure you have shared the correct project?
But as mentioned, the dropdown menu will work in a layout grids, but not a in flex-grid.
Re: Dropdown Menu does not work with breakpoints.
Posted: Fri Jun 16, 2023 2:20 pm
by Al_Sin
Please check again. I have updated the project.
There are two menus: Dropdown and Bootstrap Navigation Bar. Both of them work on the working-menu page and do not work on index page.
Thank you.
Re: Dropdown Menu does not work with breakpoints.
Posted: Fri Jun 16, 2023 3:30 pm
by Pablo
For me, the menu now works.
Re: Dropdown Menu does not work with breakpoints.
Posted: Fri Jun 16, 2023 11:51 pm
by Al_Sin
Sorry for bad explanation…
I will try again.
In this project you can see 2 pages:
- Page
working was build a couple years ago with previous version of Web Builder. Dropdown menu in Flex Grid works in all breakdowns.
- Page
not_working was build using Web Builder 18. Dropdown menu in Flex Grid works in Default breakdown, but does not work in 768px and 360px breakdowns. The question is: why dropdown menu stopped working in 768/360 breakdowns?
Thank you,
Alexandre
Project:
travelcanadatninsurance.ca/Pablo/pablo.wbs
Re: Dropdown Menu does not work with breakpoints.
Posted: Sat Jun 17, 2023 5:43 am
by Pablo
When I load your project then the menu works on both pages.
Are you using the latest update?
Re: Dropdown Menu does not work with breakpoints.
Posted: Wed Jun 21, 2023 12:48 pm
by Al_Sin
Yes, I am using the latest version, and I can not get it working. I will try layout grid or layers.
Thank you, Alexandre
Re: Dropdown Menu does not work with breakpoints.
Posted: Wed Jun 21, 2023 1:32 pm
by Pablo
Your project works for me, so I am sure it can also work for you.