Dropdown Menu does not work with breakpoints.

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
Al_Sin
 
 
Posts: 22
Joined: Wed Jan 23, 2019 1:40 am

Dropdown Menu does not work with breakpoints.

Post 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
User avatar
Pablo
 
Posts: 22472
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Dropdown Menu does not work with breakpoints.

Post 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.
Al_Sin
 
 
Posts: 22
Joined: Wed Jan 23, 2019 1:40 am

Re: Dropdown Menu does not work with breakpoints.

Post 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
User avatar
Pablo
 
Posts: 22472
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Dropdown Menu does not work with breakpoints.

Post 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.
Al_Sin
 
 
Posts: 22
Joined: Wed Jan 23, 2019 1:40 am

Re: Dropdown Menu does not work with breakpoints.

Post 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.
User avatar
Pablo
 
Posts: 22472
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Dropdown Menu does not work with breakpoints.

Post by Pablo »

For me, the menu now works.
Al_Sin
 
 
Posts: 22
Joined: Wed Jan 23, 2019 1:40 am

Re: Dropdown Menu does not work with breakpoints.

Post 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
User avatar
Pablo
 
Posts: 22472
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Dropdown Menu does not work with breakpoints.

Post by Pablo »

When I load your project then the menu works on both pages.
Are you using the latest update?
Al_Sin
 
 
Posts: 22
Joined: Wed Jan 23, 2019 1:40 am

Re: Dropdown Menu does not work with breakpoints.

Post 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
User avatar
Pablo
 
Posts: 22472
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Dropdown Menu does not work with breakpoints.

Post by Pablo »

Your project works for me, so I am sure it can also work for you.
Post Reply