Subsubmenu position - Renew stack

[mikerayjones]

Hi Support. I am struggling to get the positioning right for a subsubmenu on the Desktop viewport using Renew with X. It’s the “Reach Living” Subsubmenu at https://dev.reachuk.org/ under Fundraising. As you can see it’s obscuring the parent link “Reach Living”.

Can you please help me understand how to reposition the entire subsubmenu, and perhaps change its background color to avoid confusion with the parent submenu?

Many thanks.

[marc_a]

Hi @mikerayjones,

Thanks for reaching out!

The reason why the submenus of submenus is not properly repositioned because of your custom CSS code. The CSS selector is so general that affects the submenu of the submenus.

If you want to target the first submenu, your CSS selector should be detailed.

Accessing the first submenu:

.masthead-inline .x-navbar .x-nav > li > .sub-menu {
	/*your css code here*/
}

Accessing the submenu of submenus:

.masthead-inline .x-navbar .x-nav > li > .sub-menu > li > .sub-menu {
	/*your css code here*/
}

Hope that helps.

Thank you.

[mikerayjones]

Perfect. Thanks for your help.

[marc_a]

Hi @mikerayjones,

You’re welcome and it’s our pleasure to help you. If you have any other concerns regarding our theme features, feel free to reach us.

Thank you.