Submenu in navmenu link only opens/expands when downward arrow / submenu icon is clicked?

Support
#1

site: https://tinyurl.com/yddm3jv2

If you look at the “info” link in the mobile navmenu, it has a downward arrow indicating the submenu below it.

is it possible to make it so the entire “info” text/link opens the submenu (and not solely the downward arrow icon)? The latter is not the best UI.

Thanks

#2

Hi there,

Please kindly add the CSS code below to X > Launch > Options > CSS:

#menu-navigation-1 .x-sub-toggle {
    width: 100%;
}

#menu-navigation-1 .x-sub-toggle span i {
    float: right;
}

Thank you.

#3

Thank you, this works great. This should really be the default setup for best UI practices - hope you consider for a future theme update :wink:

Also, is it possible to float the submenu arrow icon to the left, so it’s next to the “Info” link? On iPad view it’s still not really clear to the user that the link expands to a submenu as the arrow is on the far right side of the link… see screenshot here: https://imgur.com/a/v5HRc

#4

Hi There,

Please add the following code to Theme Options CSS

#menu-navigation-1 .x-sub-toggle span i {
    float: none;
    margin-left: -250px;
}

Hope it helps

#5

Thanks, this works.

#6

Glad to hear it!

Cheers

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.