Menu text not visible in Cornerstone editing view

Support
#1

Hi,

I’m encountering an issue with the menu text in my Global Header. The text in the menu (Home, Travel, Culture, Economy) displays perfectly fine on the live site, but it is not visible when working in Cornerstone’s editing view.

Here’s what I’ve tried so far:

  1. Verified that the background of the menu is white and the text color is set to a visible color (#0a2540).
  2. Checked that the menu is functioning correctly on the live site, confirming there’s no issue with the menu setup itself.
  3. Tested various Cornerstone Preview settings (e.g., toggling “Element Conditions,” “Element Toggles,” and “View on Frontend”)—none of these resolved the issue.
  4. Added custom CSS to force the text color and visibility:
.x-menu .x-menu-item {
    color: black !important;
    z-index: 9999;
}

This had no effect in Cornerstone’s editing view.

It seems like the issue is specific to how Cornerstone renders the header in the editor. Could it be that dynamic rendering or some CSS/JavaScript isn’t fully loading in the editing environment?

Here’s my setup:

  • Theme: Pro
  • WordPress Version: 6.7.1
  • Pro Version: 6.5.11
  • Global Header contains an inline navigation menu (ST Navigation Inline).

Any idea what’s causing this?

Thanks in advance for your help!

#2

Hi Johan,

Thanks for reaching out.
I have checked the header and found the Menu Items are showing correctly. Also, the custom CSS does not have any impact as the .x-menu-item is not the correct selector class. If that is not the case and you are trying to point out something else, please provide any screenshot marked with the issue or any video that helps us to recognize the problem.

Thanks

1 Like
#3

Hi @tristup,

Thank you for your quick response and for looking into this issue.

I wanted to provide an update: after I created the forum post, the header and menu items started displaying correctly in the Cornerstone editing view. This issue persisted for several weeks, so it was quite surprising to see it resolve itself immediately after my inquiry.

I understand that the custom CSS I applied did not affect this specific issue, and that the .x-menu-item class was not relevant. However, as the problem is now resolved, I currently do not have further examples or screenshots to share.

If the issue reoccurs, I will make sure to provide additional details.

Thank you again for your assistance and support.

Best regards,
Johan

#4

Hi Johan,

Thanks for confirming that the issue is resolved now.

1 Like