Navigation styling – Toggle Menu for Desktop, Tablet and mobile

[Anonymous 114735]

Anonymous 114735

December 1, 2020 at 5:35 am

Hi there,

I know I can use custom css or some workarounds with elements for all this but I think that would be good options for all.

A) I want to have the same Toggle-Menu styling on desktop which I have for tablet/ mobile:

1. Approach:
– Using “Toggle Widget Area” on Desktop and add a Navigation widget.
-> the line height is overwritten.
And it’s a bit limited: No active menu color etc.

2. Approach:
– Header -> Design -> “Screen size to switch to mobile header”
-> I want to set it to 4000px or something even higher to display the mobile header all the time. But the field is limited to 2000px. My screen is bigger :).

Possible Solution:
– Why not adding same “Off Canvas” area and a trigger element to Desktop Header like in tablet/ mobile view? And give the “Off canvas area” responsive options for Desktop, tablet and mobile. This would cover my point “B) close toggle” also.
– Add the trigger element to desktop view. Give the trigger element responsive options for Desktop, tablet and mobile. This would improve the trigger element also. Because at the moment you can not use different text size etc for tablet and mobile.

This would be much more user friendly than using the “Toggle widget area” element. There would be no need to remove that element. So Kadence Users have both options… and 2 independent off canvas areas ;)…

B) Close toggle:
There is no option for close toggle size (Desktop: “Toggle Widget Area”; Mobile: “Trigger”). Only changing the color is possible. But it is very small and should be adjustable.

C) Breadcrumbs:
It’s a bit complicated to find the design options for breadcrumbs.
“General -> Breadcrumbs” -> Please add a “Design” link or something similar to: “Page Layout” because there you can find colors etc. for breadcrumbs.

What do you think :)?

Have a great day,
Tobias