Menu not visible

[gallagherBD]

Hello, when I use the drop down on the menu it is going off of the right side of the screen and not visible to users.

markspaintinganddesign.com

Can you take a look and let me know. I am using some custom CSS to do the centered logo and just need some help tweaking I am sure.

[ruenel]

Hello @gallagherBD,

Thanks for writing in! By default, the submenus will display on the right side. It is using this built-in CSS code in the Renew stack style.

.masthead-stacked .x-navbar .desktop .sub-menu .sub-menu {
    top: -1.75em;
    left: calc(100% + 1.75em);
}

You can override the position and place it to the left since your sub-menus is on the lest menu item. Kindly modify the code above, setting the left position to auto and set the right position value with the current left position value. Therefore, the custom CSS code override will be:

.masthead-stacked .x-navbar .desktop .sub-menu .sub-menu {
    left: auto;
    right: calc(100% + 1.75em);
}

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Best Regards.

[gallagherBD]

@ruenel

.masthead-stacked .x-navbar .desktop .sub-menu .sub-menu {
    left: auto;
    right: calc(100% + 1.75em);
}

Thanks! Worked a charm!

[marc_a]

Hi @gallagherBD,

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

Thank you.