Fixed Bloc?

now we have it :slight_smile: the solution can be so simple :slight_smile: thank you.

1 Like

Hallo, aber ist bei dir nicht das Problem das am Anfang der Seite der Bloc nach unten geht aber sobald du scrollst öffnet das Menü wieder über dem Inhalt ?! Oh man … komplex :slight_smile:

das Menu muss ja über dem Inhalt öffnen, damit man auch wenn man scrollt navigieren kann. I dont unterstand :wink: geht es jetzt bei dir?

ja, ich dachte du willst dann auch das der Inhalt nach unten geht, wenn du dich innerhalb der page befindest …ähnlich wie am Anfang mit dem video … Ich habe nur einen Block benutzt und habe den ROW mit dem Menü rein geschoben …und dann den ROW unsichtbar gemacht…funktioniert auch ganz gut…am Start wird der Inhalt weggeschoben und innerhalb der Seite kann das Menü geöffnet werden allerdings über dem Inhalt und der Inhalt wird nicht weggeschoben wie bei einem normalen “Toggle” …ist das noch der gleiche Link ? dann schau ich mal drauf das ich es irgendwann auch verstehe :smile:

Wenn Du nur einen Bloc mit zwei Reihen nimmst, öffnet es innerhalb der Seite immer über dem Content. Nur wenn du zwei Blöcke benutzt und dazwischen einem weiteren bloc einfügst, schiebt es auch innerhalb der Seite nach unten. Die Idee von @webplus ist super. Bei mir haben die Navleiste und das Menü unterschiedliche Farben, alleine deswegen benutze ich zwei Blöcke.

Ah… gecheckt! Man muss ich noch viel über das Programm lernen :blush: vielen dank !!! Thanks @webplus
tom

The result is online now:
www.tierschutz.rmemedia.de

2 Likes

Hi, könntest du das jetzt bitte irgendwie zusammenfassen wie du das letzten Endes jetzt gemacht hast ? Sieht Mega aus !! Mir ist klar das die page noch nicht fertig ist, bei Öffnungszeiten steht allerdings Freiburg anstatt Freitag …
Wird ne super Site !
Tom

Hi @webplus, can you illustrate how to achieve this? The push effect

Hello @mackyangeles, what exactly do you mean with push effect? I only set the toggle visible on a bloc for showing it, when clicking on the button

Ok, now I understand the problem. Use your initial idea with the fixed menu and the add a not fixed row, which will be visible, when the menu is open, so that the video will go down, when the menu is open

This part hehe @webplus

1 Like

@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!

1 Like

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 :blush: I am really sorry!
tom

Hello @tom2, yes I can make you a video on saturday, tomorrow I unfortunately have no time.

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

1 Like

@Norm an option in the class editor in Blocs3 for setting the z-index of a class were very helpful.

@webplus Perfect! It works !! Again, thank you so much …
tom

1 Like