[Resolved] CSS to hide link in stick menu

[Max]

Tom

I have a link in the main menu with the class “profile-link”

I am using the following css to only show the link to logged in users.

/* Show profile link logged in only */

.profile-link {
display: none;
}
 
.logged-in .profile-link {
display: block;
}

Works fine, except I just noticed that it does not work when the menu is sticky.

What do I need to add to my css so that it works on both static menu and the sticky menu.

Kind Regards

Max

[Max]

Oh. And I just noticed that my css does not work on mobile and tablet view menus as well. So I need those as well…

Kind Regards

Max

[Leo]

Hi there,

Can you link me to the site? Thanks!

[Max]

Can I email you the link?

[Leo]

The original post should give you an URL field now that only Tom and myself can see it 🙂

[Max]

Yes but I am behind a protected directory so also have email you a username and password

[Leo]

Use account issue here: https://generatepress.com/contact/

[Max]

How about I rephrase my question.

In my main menu I have a link called HOME.

I have my sticky menu activated for desktop only with Fade as the transition.

I want to change the color of this link to blue.

That is

{color:blue}

What CSS do I need to change the home link to blue on the sticky menu on full screen and tablet, and on the mobile menu.

Kind Regards

Max

[Author]

Posts