Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 10, 2014 at 4:17 pm #234771
    noble51

    IF you go here to see my MAIN NAVIGATION you will see the nav button called: Health Care Reform and Compliance
    It’s a long navigation link and my client wants to make it two lines “stacked”

    Searching the Support I found this css to make it two lines using this code:
    .menu-second-line {
    clear: both;
    display: block;
    position: relative;
    top: -100px;
    }

    Visually it LOOKS FINE – but test what happens when you scroll down. The Second Line travels up and disappears upward.
    Try it out:
    http://ng-sandbox.com/warren/

    For the header I’m using:
    Fixed Header with Social Icons and Additional Navigation

    Is there something else I can add to the navigation CSS so this does not act this way?

    • This topic was modified 10 years, 8 months ago by noble51.
    March 10, 2014 at 7:53 pm #234924
    Yigit

    Hey Paul!

    Please add following code to Quick CSS 

    .header-scrolled .menu-second-line { top: -42px; }

    Cheers!
    Yigit

    March 10, 2014 at 8:12 pm #234951
    noble51

    Yigit:

    Hey that seems to work BUT – it does POPS UP as if it is going to “scroll away” but then POPS DOWN into the correct position.

    I’m happy with this IF this is how it has to be, but can that “odd motion” be eliminated somehow.

    Hate to be a pest – just curious.

    Paul

    March 11, 2014 at 5:36 pm #235692
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately? It could be adjusted via CSS but for the same effect, you are going to need to hire a freelance developer unfortunately :/

    Best regards,
    Yigit

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