Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 23, 2015 at 11:57 am #523664
    abortolotti

    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

    October 23, 2015 at 12:37 pm #523693
    Guenni007

    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.

    October 23, 2015 at 12:40 pm #523696
    abortolotti

    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.

    October 23, 2015 at 12:47 pm #523703
    Guenni007

    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, 1 month ago by Guenni007.
    October 23, 2015 at 12:57 pm #523719
    abortolotti

    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.

    October 23, 2015 at 1:06 pm #523732
    Guenni007

    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, 1 month ago by Guenni007.
    October 23, 2015 at 1:16 pm #523759
    abortolotti

    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

    October 23, 2015 at 1:17 pm #523762
    Guenni007

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

    October 23, 2015 at 1:19 pm #523766
    abortolotti

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

    October 23, 2015 at 5:13 pm #523998
    Elliott

    Hey!

    Thanks for the help Guenni007. :)

    Best regards,
    Elliott

    October 23, 2015 at 5:32 pm #524010
    Guenni007

    :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, 1 month ago by Guenni007.
  • Author
    Posts
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.