Sticky navbar Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
2 posters

    Sticky navbar

    Ziri
    Ziri
    New Member


    Posts : 5
    Reputation : 1
    Language : English

    Solved Sticky navbar

    Post by Ziri July 30th 2020, 10:20 pm

    Hello again!

    I came across a new problem that I can't figure out how to solve. First it was my header that moved when I scrolled down, which is now fixed, but now my navbar won't stop moving when you scroll down. It also changes the width of the board.

    This is the problem:
    https://i.gyazo.com/9096828bdda15e5aca258a3399fa185e.mp4

    https://zirisdrop.forumotion.com/
    Thanks again!


    Last edited by Ziri on July 30th 2020, 10:27 pm; edited 1 time in total
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15269
    Reputation : 1701
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky navbar

    Post by skouliki July 30th 2020, 10:26 pm

    please post your forum url

    Ziri
    Ziri
    New Member


    Posts : 5
    Reputation : 1
    Language : English

    Solved Re: Sticky navbar

    Post by Ziri July 30th 2020, 10:27 pm

    I added the url!

    skouliki likes this post

    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15269
    Reputation : 1701
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky navbar

    Post by skouliki July 30th 2020, 10:30 pm


    YoshiGM likes this post

    Ziri
    Ziri
    New Member


    Posts : 5
    Reputation : 1
    Language : English

    Solved Re: Sticky navbar

    Post by Ziri July 30th 2020, 10:33 pm

    No I did not, I tried to change the way the navbar looked through css and I think it has to do with this code. I did that because I didn't like the way the default navbar changed appearance when scrolling down.

    Code:
    .navbar a {
       color: #fff;
       font-size: 13px;
       padding: 6px;
       display: inline-block;
       border-radius: 3px;
       line-height: 1.3846;
         font-family: Fjalla One;
         font-weight: bold;
         text-transform: uppercase;
         letter-spacing: 2px;
         overflow: hidden;
        }
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15269
    Reputation : 1701
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky navbar

    Post by skouliki August 4th 2020, 9:19 am

    i saw your issue is fixed, so is this solved?

    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15269
    Reputation : 1701
    Language : English,Greek
    Location : Greece

    Solved Re: Sticky navbar

    Post by skouliki August 10th 2020, 9:43 am

    i will mark this as solved

    Problem solved & topic archived.
    Please read our forum rules: ESF General Rules