Change some details in collapsed menu

[Thommynat0r]

<

My page is still on localhost, sry for that. Thank you for your help, much appreciated.

[friech]

Hi Thomas,

Thank you for writing in,

@Thommynat0r

How can I change the whole line to white, as long as I hover with my mouse over it?

On your navigation collapsed element under the Top links tab, set the width to auto this will make your items take up the width of the Off Canvas pop up. Set the background Interaction color to white.

@Thommynat0r

Also the active page is indicated with white background, which I don’t really like.

Set the Current Link option to OFF

@Thommynat0r

And the submenu indicators are a bit out of position (as you can see on the screenshot) in very small window sizes.

Also, under the Top links tab, you can configure the Sub Indicator

@Thommynat0r

How can I make the font size in that menu a bit scaling down in proportion to the screen size?

Use em or rem unit on the font-size option. (CSS units for font-size: px | em | rem)

@Thommynat0r

And another topic: What is a good way to add a cookie warning (I think it’s a requirement, right?)

You can use any of the high rated cookie law plugins here, keep in mind that these are 3rd party plugins, any integration, conflict, and installation issue may occur will need to be redirected to the plugin author.

Hope it helps,
Cheers!

[Thommynat0r]

Thank you, current link off has done the trick. Sub indicator settings were all correct, the issue was the padding from the close button. If the close button size is too big, then the padding gets big as well.

The padding comes from the ‘off canvas’ -> ‘close size’. If I use 0px the padding is gone, but the close button as well. To solve the problem I have used adjusted CSS from another thread:

div.x-off-canvas .x-off-canvas-content {
max-width: 32em;
padding: 0px !important;
padding-top: 50px !important;
background-color: hsl(0, 0%, 100%);
}

And a suggestion for improvement:

Instead of “Toggle” you should write “Menu button”

Instead of “Close Size & and Dimensions” you should write “Close Button Size & Padding”

Instead of “OFF CANVAS” you should write “mobile menu”

Instead of “Top links” “Primary menu links”

Instead of “Sub links” “Sub menu links”

(Just some suggestion to make it easier)

[thai]

Thanks for your suggestions!