Clickable area menu

[zero_to_one]

Hey there,
I’d like to resize the clickable area of my menu as you can see here

Screenshot

thanks for your help!

[ruenel]

Hello @zerotoone.de,

Thank you for the details.

To resolve your issue, please edit your header and in your navigation inline settings, make sure that the flex layout of the menu is set as Space Around horizontally and Stretch vertically.

We would love to know if this has worked for you. Thank you.

[zero_to_one]

was set this way already, what else should I try?

[mldarshana]

Hi There @zerotoone.de

Thanks for writing in! Could you please try adding the following CSS rule into your X -> Theme Options -> CSS area and see if that helps.

.x-menu .x-anchor-menu-item {
    padding: 20px;
}

Thanks!

[zero_to_one]

ok this changed the layout of my menu, but did not help with my problem
the clickable area is too small http://prntscr.com/nyahpz

[thai]

Hi @zerotoone.de,

Please edit your menu inline element under Top Links > Setup change the Padding:

Hope it helps

[zero_to_one]

thank you, works great. but isn’t there a vertical setting for the inline navigation, so it always takes up the whole vertical space?

[lely]

Hello @zerotoone.de,

Yes there’s settings for that. Go to Setup Tab > Align Self : Choose Stretch.

Hope this helps.

[zero_to_one]

thank you very much

[thai]

You’re welcome.