Admin Menu links "whited" out !

[alexwalker]

In administrator I am unable to see the admin menu links when using the browser Google Chrome: https://prnt.sc/116njea
However, if I use MS Edge browser I can see the admin menu links: https://prnt.sc/116npo3
I am using the shaper_eventum template

I have added the following custom css to the template but even when I remove it, it makes no difference. Can anyone help me resolve this issue?

/*Animated text color on Home Page*/
span.animated-heading-before-part {
color:rgb(245, 248, 250)
}

span.animated-heading-after-part {
color: aliceblue;
}

/*the colour of the daily bible text*/
.quote span.mod_rquote_quote_text_file {
color:blue
font-size:28px; !important;
}

/*How to change colour of Menu items*/
#sp-header .sp-megamenu-parent > li > a { color: blue;}

/* Menu items color, font etc
#sp-header .logo a {color: black; font-family: Book Antiqua; font-size: 20px; !important;}*/

/*how to change three bar menu colour*/
#offcanvas-toggler > i.fa {color: blue;}

/* Active color of menu item */
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a { color: red; }

/* Color of hover menu item */
.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li:hover > a { color: yellow; }

/*How to change the drop down background colour*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
background: #002A8C;
padding: 15px;
}

/*How to make top-bar position transparent
#sp-top-bar {
background-color: rgba(0,0,0,0.4);
position: absolute;
height: 40px;
top: 1px;
width: 100%;
z-index: 99;
}*/

/*How to make header transparent*/
#sp-header {background: rgba(255,255,255,0.5);}

/*How to change the height and orientation of the Helix Page Title
.sp-page-title {
background-position: center center !important;
}
#sp-title {
height: 100px !important;
} */

/*Welcome to St Joseph text*/
div.sppb-addon-content {
color:blue
font-size:24px;
}

[pe7er]

In administrator I am unable to see the admin menu links when using the browser Google Chrome: https://prnt.sc/116njea
However, if I use MS Edge browser I can see the admin menu links: https://prnt.sc/116npo3
I am using the shaper_eventum template

From the screen captures that you supplied it looks like you are using isis, Joomla's default back-end template.
The changes you made in the front-end shaper_eventum template will not interfere with your back-end layout.

Are you sure that you have been using custom css in the right template?

PS: Joomla's default front-end template Protostar uses user.css for CSS overrides, maybe the Isis back-end template too... See: https://docs.joomla.org/J3.x:Adding_a_c ... _Protostar

[Webdongle]

...
PS: Joomla's default front-end template Protostar uses user.css for CSS overrides, maybe the Isis back-end template too...

Yes it does, just checked.
/administrator/templates/isis/index.php

45 // Load custom.css
46 JHtml::_('stylesheet', 'custom.css', array('version' => 'auto', 'relative' => true));

[alexwalker]

Thank you for your responses. I tried clearing the browser history and cache and still it made no difference. Why can I not see the menu links in Chrome but I can in Edge? I even created a new browser page in Chrome and still no change.

[Webdongle]

Try reinstalling core files? https://docs.joomla.org/Help39:Componen ... _Update/en

[alexwalker]

I reinstalled the core files but no change. When I use Edge I can see the menu links. It is only in Chrome that I cannot see them!!!

[Webdongle]

https://prnt.sc/116npo3 doesn't display correctly either

Screenshot 2021-04-08 182955.png

1. Is your site on localhost or remote host?
2. Do you have a 3rd party admin component that might cause it?
3. Are you using an extension that compresses css files?
https://forumpostassistant.github.io/docs/ please

[sozzled]

1. None of my J! 3.9.25 websites (using Isis) have this problem with the MS Edge browser.

2. The CSS in the original post does not cause this problem.

3. The "whiting out" of the menu items in the left navigation pane could be caused by a third-party extension that you installed that changes the behaviour of the backend. Several third-party extensions don't co-operate nicely with the J! backend. I don't know which extension that could be; it could be any of them.

4. The CSS selector for the menu items would be something like

Code: Select all

div.span3 span.j-links-link {

}

or

Code: Select all

div.span3 a {

}

(perhaps)

I don't know why this only seems to happen in in your case just with MS Edge and not other browsers but, then again, Microsoft does everything differently to everyone else. Are you 100% sure that you forced a browser refresh (i.e. CTRL+F5)?

[AMurray]

1. None of my J! 3.9.25 websites (using Isis) have this problem with the MS Edge browser.

The OP's issue is with Google Chrome not MS Edge (as mentioned in the original question)

[sozzled]

Sorry. My revised advice is this:

1. None of my J! 3.9.25 websites (using Isis) have this problem with the Google Chrome browser.

2. The CSS in the original post does not affect the Isis template. I checked that, too!

3. The "whiting-out" of the menu items in the left navigation pane could be caused by a third-party extension that you installed that changes the behaviour of the backend. Several third-party extensions don't co-operate nicely with the J! backend. I don't know which extension that could be; it could be any of them.

4. The CSS selector for the menu items would be something like

Code: Select all

div.span3 span.j-links-link {

}

or

Code: Select all

div.span3 a {

}

(perhaps)

I don't know why this only seems to happen in in your case just with Google Chrome and not other browsers. Are you 100% sure that you forced a browser refresh (i.e. CTRL+F5)?