Navigation Menu item "hovered" & Cart / Account / Search buttons not visible

[dianavcarrico]

Hi guys,

I have some issues that seem to be “small” (see screenshots to understand):

1. One of the words on the navigation menu seems to be hovered, can’t figure it out why…

2. The cart / account and search buttons on the black bar only show while I hover them. The think is, I think the color of the icons is linked to the navigation menu. Example: I change the text on the navigation menu to black (in a white background) and the shop icons turn black (in a black background, of course they don’t show up…) and vice versa. How can I solve this?

Just a curiosity: I bought uplift just because of one feature that I really love and it’s not showing on atelier – The possibility to have the account icon in Text mode and the sign-up pop up. I Tried to upgrade to uplift but there are features that I still prefer on atelier so I turned back. Is there a way to have those features on atelier? It would be the perfect theme.

Thanks. Hopefully these are my only issues right now…

– Diana

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

nav .menu > li.current-menu-ancestor > a, nav .menu > li.current-menu-item > a, nav .menu > li.current-scroll-item > a, #mobile-menu .menu ul li.current-menu-item > a {
    color: inherit !important;
}

.account-item > a > i {
   color: #fff !important;
}

Thanks
Mohammad

[dianavcarrico]

Hi!

Thanks. The menu text is solved, but only the account icon is visible. The other icons on the black header are not, like the search icon, cart button and other that I might had in the meantime, like social and text.

Let me know which code should I add to solve this. thanks!

– Diana

[Mohammad – SUPPORT]

Hi,
Please use also this custom css code:-

.sf-icon-cart,.sf-icon-search{
color:#fff !important;
}

Thanks
Mohammad

[dianavcarrico]

We’re almost there, everything works but the “number of items” inside the Cart icon. Still not showing…

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.shopping-bag-item a > span.num-items {
    color: #fff !important;
}

Thanks
Mohammad

[David Martin – Support]

Please test this:

.shopping-bag-item a > span.num-items {
    color: #fff;
}

[dianavcarrico]

Thanks both! It’s now working!

I’m gonna open another side question on other box and close this one 🙂

– Diana

[David Martin – Support]

Glad to help!