| SubscribeFavorite

• Author
  Posts
• • JULY 31, 2021 AT 11:02 PM#6452REPLY

    Chris F

    Keymaster

    Here is the CSS shown in the video:

    body {
      padding-top: 100px; /* adjust as necessary */
    }
    
    .navbar {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000;
      background: #999;
      padding: 10px 0;
    }

    NOTE: This method only works with WPO 2.0. If you are using WPO 1.0 – Click Here.

  • AUGUST 1, 2021 AT 9:19 AM#6456REPLY

    [email protected]

    Participant

    Thanks Chris,
    That works.
    Just an observation… I had to put this CSS in the wordpress custom CSS field.
    Putting this CSS in the WPO options CSS did not work for me.

    Jack

    • AUGUST 2, 2021 AT 10:40 PM#6461REPLY

      Chris F

      Keymaster

      Thanks for letting me know Jack. Are you using the latest version (WPO 2.0.0.4)?

    • AUGUST 12, 2021 AT 11:05 AM#6487REPLY

      Ed

      Participant

      Hey Chris,

      I’m using WP Optimal 2.0. I found that your suggestion will work using “Navbar 3” because the menu items are centered.

      But because the width is 100% its causes some overflow issues with the other Navbar menu items on the right hand side.

      Any suggestions about how to handle this?

      Thanks.

    • AUGUST 12, 2021 AT 12:10 PM#6491REPLY

      Chris F

      Keymaster

      Hi Ed – Please send a note of this to the support desk and include a screenshot of the issue at hand, or the URL so we can take a deeper look.
      https://members.wpoptimal.com/support/

  • AUGUST 12, 2021 AT 12:15 PM#6492REPLY

    Ed

    Participant

    Ok will do Chris.