Freeze or fix at the top of the page menu buttons

  • 24 February 2014
  • 3 replies
  • 11 views

Hello, can you please tell me how can I make my menu buttons freeze (fixed) when I scroll down. I want to be able to see them permanently when I scroll down.

Please help me with an advice!


3 replies

Userlevel 3

Hey Alexandru - Using a bit of CSS you should be able to change their ‘position’ property to ‘fixed’. This will fix your targeted page object to be visible even when the page is scrolled. Here’s a little snippet to get you started:

#lp-pom-box-87 {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 99;
width: 100%!important;
}

Swap out #lp-pom-box-87 with the ID of whatever object your trying to fix. It’s not a complete solution, but it’s a step in the right direction. Hope you find it helpful!

Hi Alexandru, when I paste that code into my Stylesheets it shows at the top of the landing page the code

Userlevel 3

Hey Diana

You’ll have to wrap the code withing tags

That said, i’ve put together a much more complete solution in the post below. I recommend using that instead:

https://getsatisfaction.com/unbounce/topics/creating_a_fixed_header_menu

Reply