ambiera home ambiera home

Ambiera Forum

Discussions, Help and Support.

Create a new account, Search, or Login:
Name:  Password:    
Ambiera Forum > RocketCake
Fixed / Sticky Header
Author Text

mitchelt
Registered User
Quote
2018-10-16 23:48:11

Is there a way to always show the header even when scrolling down the page?

I do not have any navigation in the header area, just a logo and contact info.


erik
Registered User
Quote
2018-10-17 08:39:14

You can do this to any element, like the container your header is in. Do it like this: Select the element, right-click it, choose "HTML Code..." -> "Additional CSS styles" and enter:

position: fixed; z-index: 3000;


You won't see the change in the editor, but when you click 'preview' then you can see that it works.


misterpaint
Registered User
Quote
2018-10-17 18:54:52

Great Erik! Thank you! ;)


wolfgang
Registered User
Quote
2018-11-02 17:24:41

I need help please.
Additional CSS code does not work. It should be the picture or a menu fixed above. You picture.

Thanks for your help.







wolfgang
Registered User
Quote
2018-11-02 17:26:04




erik
Registered User
Quote
2018-11-03 14:59:47

Put the menu into a container. For the container, enter that code in the "Additional CSS code". then it works.


wolfgang
Registered User
Quote
2018-11-08 18:58:41

Thanks, now ist works.


ele-ele
Registered User
Quote
2018-11-19 09:34:50

Hello guys! Any way to fix only menu on top (after scrolling to top) ? I don't know how to explane. May be some images will help...




niko
Moderator
Quote
2018-11-19 13:30:14

Do it like described above, that will work.


ele-ele
Registered User
Quote
2018-11-19 14:06:50

wrote:
Do it like described above, that will work.

This does not work correctly. The menu remains in the same place. But I need it to shift to the top while scrolling down, and hanging there. The upper part of the site (located above the menu: logo, contacts, picture, etc.) when scrolling down should disappear and the menu remain.

An example of such a menu: https://realt.by/sale/flats/


niko
Moderator
Quote
2018-11-20 11:20:16

Ah, that is a bit more complicated to do. You need a bit of javascript AND css to do this. See how to do this here:
https://www.w3schools.com/howto/...


ele-ele
Registered User
Quote
2018-11-20 14:40:25

Thx for help. But it's more difficult than it could be. May be I'll try to do it later.


Create reply:


Posted by: (you are not logged in)


Enter the missing letter in: "Internatio?al" (you are not logged in)


Text:

 

  

Forum Codes


Feature Code
Link [url] www.example.com [/url]
Bold [b]bold text[/b]
Image [img]http://www.example.com/image.jpg[/img]
Quote [quote]quoted text[/quote]
Code [code]source code[/code]

Emoticons


   





Software: Ambiera Light Forum. © 2008-2018 Nikolaus Gebhardt, Ambiera e.U.