[Resolved] CSS to hide link in stick menu

Home Forums Support CSS to hide link in stick menu

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #417152
    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

    GeneratePress 1.4
    GP Premium 1.4.3
    #417171
    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

    #417218
    Leo
    Staff
    Customer Support

    Hi there,

    Can you link me to the site? Thanks!

    #417224
    Max

    Can I email you the link?

    #417235
    Leo
    Staff
    Customer Support

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

    #417244
    Max

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

    #417265
    Leo
    Staff
    Customer Support
    #417267
    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.