Header dropdown menu on mobile

[Julian_19]

Hello there,

I amlooking for a way to turn the text of the two main-headings into a clickable link on mobile, not just the arrows.
So if a user touches the “Besuchen” and the “Entdecken”, the dropdown should get visible.

I already tried the solutions of this post: https://theme.co/apex/forums/topic/mobile-menu-dropdown-2/
Unfortunately it didn’t work.

Could you please help me out?

Thank you

[friech]

Hi Julian,

Thank you for writing in, please add this to Theme Options > CSS

.x-sub-toggle {
	width: 100%;
    text-align: right;
}

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Hope it helps,
Cheers!