Fixed Header/Persistent header

  • 1
  • Question
  • Updated 5 years ago
  • Answered
Fixed Header - i want my website header to be permanent fixed just like twitter and facebook so that when people are using my site the header details are always present. i was planning on doing it myself but when i edited the css it kinda look complicated can one of the reps do it for me or send me some instructions http://www.newnusedlink.com
Photo of New N Used Link

New N Used Link

  • 19 Posts
  • 0 Reply Likes

Posted 5 years ago

  • 1
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Hi New N Used,

I'm not sure I understand what you are asking for and how it varies from adding a custom banner or background. Can you please clarify what specifically you are trying to accomplish?
Photo of New N Used Link

New N Used Link

  • 19 Posts
  • 0 Reply Likes
ok i want the things on my header to scroll down while my users are browsing its called a fixed header meaning the header is always showing no matter if you are at the footer of the website
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Thanks for the clarification. You can select a fixed background from in the Style Designer using Super Flat or Skyline.

Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi,

It would be quite difficult for another person to get this as you envisage it. As you mention it requires setting styles and this is really created according to your vision. Once you have a clear vision of what you want to display as your header then it is quite straight forward to proceed with the creation and implementation. If you wish to place your menu in this then you won't be able to use the default menu as this is hardwired into position already and isn't accessible. To do this you would need to recreate the menu manually and disable the default.

Once you have identified the elements of your persistant header and their relative positions to each other then you can go ahead and style the combined elements as a single DIV.

A very good tutorial on this is Simple CSS Fixed Header which is basically 2 steps and possibly a third if there are already fixed elements on your page. You should be able to do this within the header section of the sitebuilder but with extreme caution since a slight error can crash your site. If this isn't successful then you can try adding it to the body of your site. For this reason it's worth your while creating a separate test site and when you have it working, only then copy the code into the header of your active site.

Very good luck with this and look forward to your progress.
Photo of New N Used Link

New N Used Link

  • 19 Posts
  • 0 Reply Likes
hey gop thanks for the heads up, could i send you my website link and you guide me along the way?