Navigation Menu Scrolling

  • Author
    Posts
  • #161928

    staceyboulter
    Member
    Original poster

    Hello,

    I’m new to WordPress and CSS, so I’m wondering if you could help me figure a couple things out.

    1. I would like to stop the navigation menu from scrolling. I want it to always stay static at the top, no animation at all.

    2. I would like for the navigation menu to stay transparent. I don’t want it to turn white.

    Any help you could offer would be greatly appreciated.

    #161939

    tarasdashkevych
    Theme Author

    Hello,

    Please try this custom CSS to make these changes:

    
    @media (min-width: 768px) {
      .site-header {
        position: absolute;
      }
      
      .site-header.scroll-header {
        background-color: transparent;
        color: #ffffff;
        box-shadow: none;
        padding-top: 2rem;
        padding-bottom: 2rem;
      }
    }
    

    Let me know if you have any additional questions.

    Kind regards,
    Taras

    #161956

    staceyboulter
    Member
    Original poster

    Thank you for the information. I achieved what I wanted to. Take care.

    #162002

    tarasdashkevych
    Theme Author

    You are very welcome. I am glad to hear that this solution was useful for you :)

    Kind regards,
    Taras

The topic ‘Navigation Menu Scrolling’ is closed to new replies.