Archived topic
CSS to hide link in stick menu
7 replies · Started by Max on November 6, 2017
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
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
Hi there,
Can you link me to the site? Thanks!
Can I email you the link?
The original post should give you an URL field now that only Tom and myself can see it :)
Yes but I am behind a protected directory so also have email you a username and password
Use account issue here: https://generatepress.com/contact/
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
