Menu Button Text Disappeared

[bsklafloh]

Hi everyone,

I need some help— the text on the buttons in my Hub Site menu has disappeared. Has anyone encountered this issue before? How can I fix it?

Thank you!

[JustinPrather]

Thanks for the post, @bsklafloh.

Do you mind providing what operating system, browser, and version that you are using? And roughly what is the width of your browser on your display? Is your screenshot above from today?

[bsklafloh]

Hi Justin,

I am using Windows OS, Windows 11 Enterprise and Microsoft Edge. My display is 1920 x 1080. The screenshot was from yesterday.

[KlaraSchmitt]

Adding to Justin's questions, you don't by chance have any custom CSS on your site, do you? If you use out-of-the-box Bootstrap without a unique row selector, it can sometimes affect the CSS of our app by accident, especially if you use !important.

[bsklafloh]

Hi Klara,

I am using custom CSS. Do you advise I remove it?

[KlaraSchmitt · Accepted solution]

@bsklafloh 

Are you using any generic selectors? My advice would be to set a unique class on each of the rows that contain elements you wish to style and then make sure your selectors are contained within that, e.g.

.myUniqueRow div {float: left}

One way to determine whether your CSS is the cause of these problems would be to temporarily comment it out. For CSS, the way you would do this is:

/* .myUniqueRow div {float: left} */

If you do that and the problem goes away, then you'll know it's something in your styles that is impacting the layout of our app and likely because you're using a broad generic selector either from Bootstrap (e.g. ".container") or a generic HTML element (e.g. "div").

[bsklafloh]

Yes - that did it. I deleted the CSS and everything is back to normal. Thank you!