Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #523664

    Hi guys!

    I’m running a time sensitive launch and I would need to make sure the Fullwidth SubMenu element sticks to the top of the page upon scroll, just below the red Hello Bar that you see at

    http://vacationrentalworldsummit.com/

    Can you tell me if there is some quick CSS I can add?

    I already ticked the Sticky Submenu option but if I scroll the page the submenu sticks right behind the red bar.

    Thank you so much. It’s kind of urgent.

    Antonio

    #523693

    well i don’t know where the top position is calculated if it turns from absolute to sticky. the value now is -1px and it has to be 50px for your example. But i do not find the place where it is set.

    #523696

    Thank you Guenni007. Would you know some CSS I could try to insert into the quick CSS, to see if I get the postion of the sticky to be at 50px?

    Thank you for your prompt reply.

    #523703

    how did you get rid of your normal header?
    the header is on normal the sticky point where it stops. So i think if you set your header hight to 50px and is set to stick and visibility to hidden. And change the z-index to -1 than it might work.

    Edit: no it doesn’t work

    is there a need to do it via iframe – and how do you put in

    and why are you unsatisfied with : http://vacationrentalworldsummit.com/sample/

    • This reply was modified 9 years, 2 months ago by Guenni007.
    #523719

    I simply chose the ‘hide header’ option in the ‘Layout’ widget on the right hand side of the page in the back end and it removed the header I had, with the menu and the logo.
    Other than that, I don’t know what to do and thought that usually some quick CSS solves the issue.

    #523732

    ok try this for your site:

    .page-id-1266 #header {
        visibility: hidden !important;
        z-index: -5 !important;
    }

    and set the header to transparent header on that site

    perhaps you have to set header container site to:

    .page-id-1266 #header .container {
        height: 50px !important;
        line-height: 50px !important;
    }

    have a look here: http://webers-testseite.de/lepper/slider/

    • This reply was modified 9 years, 2 months ago by Guenni007.
    #523759

    Yes! Seems like it’s working now :)
    There is only a slight thin empty line between the red bar and the menu which lets’ the scrolling site shine through, but I think it’s just a matter of adjusting the -5 in your example above? I’ll try with -6, then -4 to see what happens.

    Thank you so much! You gave me a great help!

    Antonio

    #523762

    no try to play a little bit with container height perhaps to 48px

    #523766

    Got it, thanks! It’s perfect now!
    Thanks again! Problem solved.

    #523998

    Hey!

    Thanks for the help Guenni007. :)

    Best regards,
    Elliott

    #524010

    :lol:

    Edel sei der Mensch,
    hilfreich und gut;
    denn das allein
    unterscheidet ihn
    von allen Wesen,
    die wir kennen!

    Goethe

    “Man should be noble,
    Helpful and good!
    For this alone
    Distinguishes him
    From all the creatures
    That we know.”

    • This reply was modified 9 years, 2 months ago by Guenni007.
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘[Urgent] Have fullwidth submenu stick below Hello Bar at top of page on scroll’ is closed to new replies.