Tagged: yigit
-
AuthorPosts
-
October 23, 2015 at 11:57 am #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
October 23, 2015 at 12:37 pm #523693well 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 #523696Thank 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 #523703how 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.
October 23, 2015 at 12:57 pm #523719I 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 #523732ok 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.
October 23, 2015 at 1:16 pm #523759Yes! 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 #523762no try to play a little bit with container height perhaps to 48px
October 23, 2015 at 1:19 pm #523766Got it, thanks! It’s perfect now!
Thanks again! Problem solved.October 23, 2015 at 5:13 pm #523998Hey!
Thanks for the help Guenni007. :)
Best regards,
ElliottOctober 23, 2015 at 5:32 pm #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.
-
AuthorPosts
- The topic ‘[Urgent] Have fullwidth submenu stick below Hello Bar at top of page on scroll’ is closed to new replies.