@webplus, thank you so much for this tip! I have been exporting my blocs projects as html and then doing CSS tweaking such as this in a text editor. This is a tremendous time-saver for me! Thank you again!
Hello @webplus Is it possible that you please can do a short step by step introduction ? I am new to blocs and I donât get it to work ⌠Wich code I really need, were must the code be⌠is the row into the block or a new block⌠and so on I am really sorry!
tom
Hello @tom2 here is a video. Hope this helps:
http://blocs-extensions.com/help/videos/fixed_header/
Here is also the project file: fixed_header.bloc (736.4 KB)
Hi @webplus thank you very much!!! Really cool! But ⌠A last question. When I scroll down the Page and then open the Menu, the menu stay at the top of the page, and you donât see it ? Do you have an Idea how I can fix this ? Its also in your project file ⌠Thank you so much âŚ
tom
@RME, Now that youâve already set its position to âfixedâ, youâll now just need to move that large image bloc (which is behind) down using the âtopâ css property.
Like this:
#photo-bloc { (whatever you named that bloc)
position:fixed;
top:200px; (height of top nav bloc)
}
@tom2 You are welcome. You can fix it like @Creative explained it, or simply by adding the âfixed-blocsâ ckass also to the menu bloc
You then need for the top row and the menu a different class for setting the height.
Here the updated project file: fixed_header.bloc (737.6 KB)
I also added a class âlayerâ to the mega-menu. The class has to be added in the code area, it contains a z-index with a hight level then the top row, otherwise the image/logo will be cut, when you open the mega-menu