Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 10, 2015 at 6:32 pm #471673
    thecszone

    Hi,
    I modified the location of the menu underline using this code.
    span.avia-menu-fx {
    top 65px;
    }

    However, when I scroll down the page and the header shrinks as I want it to do, the underline moves down or does not remain directly under the menu as I have located it. How can I fix this?

    July 12, 2015 at 9:54 am #471980
    Rikard

    Hey thecszone!

    Please change your CSS to this instead:

    span.avia-menu-fx {
top: 65px;
}

    And you should be able to control the position after scroll with this:

    .header-scrolled span.avia-menu-fx {
top: 45px;
}

    Best regards,
    Rikard

    July 12, 2015 at 5:04 pm #472062
    thecszone

    Thanks so much. This works, but the line jumps around when I scroll. Can that be fixed?

    July 13, 2015 at 2:10 pm #472435
    Yigit

    Hi!

    Please change the code to following one 

    span.avia-menu-fx {
  top: 99%;
}
.header-scrolled span.avia-menu-fx {
  top: 98%;
}

    Regards,
    Yigit

    July 14, 2015 at 4:43 pm #473298
    thecszone

    Thanks. Works fine.

    July 14, 2015 at 5:31 pm #473325
    Yigit

    Hey!

    You are welcome, glad we could help!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Menu underline moves down when I scroll’ is closed to new replies.