"active" topic (link) on offcanvas menu disappears

blue-monk

The offcanvas menu works a little strangely (or at least to my eye). I have some menu items (categories) that have submenus (subcategories). If one of the subcategories is "active" and you return directly to the offcanvas menu, the active subcategory and its parent category are not visible. There seems to be no option to set up a specific color for an "active link," as there is for the "NAVBAR" menu. So, that makes me think that there is something different in the coding for "active links" between these two menu formats (I think). Is there a way to make this offcanvas menu behave more like the NAVBAR menu in this respect?

saguaros

blue-monk
Hi,

It seems that the active items are having the same color with background color of offcanvas, you can use this custom css:

#off-canvas-menu .zen-nav.zen-nav-stacked li.active > a, #off-canvas-menu .zen-nav.zen-nav-stacked li.active > span.zen-menu-heading {
    color: #011b9b;
}

or change to your desired color

blue-monk

OK, thanks. One important question : I already have a file called custom.css that fixed another problem. The code in it is as follows
#mainwrap .zen-spotlight {
margin-top: 0 !important;
padding-top: 0 !important;
Can I add this new code to that same css file? If so, are there any tricks to the placement of the new code relative to the old code?
thanks,
jp

saguaros

blue-monk

Your old code seems not relate to my suggested code so you can add it into the same custom.css file.

blue-monk

Well, it had no effect.

Here is a screenshot of the styles page to show you what i have and a reminder that there is no "active link" color option for the offcanvas menu.

blue-monk

nope. It still had no impact.

I simply copied and pasted the code you sent into the custom file under the existing code. Then saved and closed. I shouldn't need to anything else, should I?
Perhaps I should make all of the colors in the offcanvas menu the same as the sticky menu and see what happens.

blue-monk

Hold on. I think my phone is not refreshing the site correctly. I just changed the colors for the offcanvas menu and nothing changed when I looked at it in the phone. Doh! Let me try to clear the cache on the phone or try to view it on another device.

blue-monk

OK! It was, indeed, the phine and not a problem with the code.

You folks are coding geniuses!
thanks.
jp

saguaros

blue-monk
Is that ok now?

Let me know if you still need help on this.

blue-monk

Thanks for checking. It is, indeed, solved.

Your help is greatly appreciated! I am slowly learning more with each answer from this forum.
jp