WebSite X5Help Center

 
Dieter D.
Dieter D.
User

Keeping Header & Menu fixed?  de

Autor: Dieter D.
Visitado 4319, Followers 3, Compartido 0  

Hi!

Is it possible in V13 to fix header & menu? The option in "Scrolling Options" is neat but I don't want necessarily only the menu appearing (in a different look) when I scroll. I want to keep the whole header with all objects in there & the menu (over/under/inside the header) stay put as it is.
Same would be nice with the footer.

The solution with like "<style> #imHeader {position: fixed} </style>" in the code doesn't work ...

Thanks,
Dieter

Publicado en
19 RESPUESTAS - 2 úTIL - 1 CORRECTO
Jamie B.
Jamie B.
User

Hi

try this

<style>

#imHeaderBg, #imHeader, #imHeaderObjects, #imMnMnContainer, #imMnMn{

position:fixed;

}

</style>

this code did work in the beta version before the official software release, so let me know if it works

regards

jamie

Leer más
Publicado en de Jamie B.
Dieter D.
Dieter D.
User
Autor

Hi Jamie!

Thanks for the hint but the menu doesn't work anymore using that code :-(

Thanks,
Dieter

Leer más
Publicado en de Dieter D.
Jamie B.
Jamie B.
User

Hi

<style>

#imHeaderBg, #imHeader, #imHeaderObjects, #imMnMnContainer, #imMnMn {

position:fixed;

}

</style>

Try this now, and yes it does work we have just added the code to our pizza template and the code works perfectly, I forgot to include a space in the above code. checkoutour demo to see it working http://www.x5tuts.com/template/pizza2-v13/

regards

jamie

Leer más
Publicado en de Jamie B.
Jamie B.
Jamie B.
User

Hi sorry

another mistake where it says position:fixed; should be position: fixed; missed a space again, my apologies it should work now.

thanks

jamie

Leer más
Publicado en de Jamie B.
Dieter D.
Dieter D.
User
Autor

Hi Jamie!

Nope, with the code inserted it really mixes up my site completely. See the testresult at http://kh.infocity.at/index.php :-(

Seems to be a new feature in V13... ;-)

But thanks for trying to help me out so fast!

Cheers,
Dieter

Leer más
Publicado en de Dieter D.
Jamie B.
Jamie B.
User

Hi in step 2 template/customization adjust the content properties (top) and see if that works any better.

regards

jamie

Leer más
Publicado en de Jamie B.
Jamie B.
Jamie B.
User

You can also use custom code for the content section

so your code would look like this:

<style>

#imHeaderBg, #imHeader, #imHeaderObjects, #imMnMnContainer, #imMnMn {

position: fixed;

}

#imContent

top:80px !important;

}

</style>

Leer más
Publicado en de Jamie B.
Dieter D.
Dieter D.
User
Autor

Nope. Not really better. Menu doesn't react to the mouse anymore either. The Headerline "The Perfect Circle" was centered before, is now on left side,... :-(

When I get the page to the smaller responsive sizes where the hamburger menu should appear, there is no more header / menu at all.

I guess a bigger "workaround" would be needed. Strange why such a basic feature that should be "standard" is not included in X5...

Leer más
Publicado en de Dieter D.
Jamie B.
Jamie B.
User

Hi it seems to be looking fine now (I have been keeping an eyeon your site)

I would suggest the following in step 2 template customization change the header background colour to whiteas itlookslike you have it setto transparent then under position fixed add z-index:100; soyou shouldhave this

<style>

#imHeaderBg, #imHeader, #imHeaderObjects, #imMnMnContainer, #imMnMn {

position: fixed;

z-index:100;

}

</style>

Leer más
Publicado en de Jamie B.
Dieter D.
Dieter D.
User
Autor

Header background is white but scrolls up...

Leer más
Publicado en de Dieter D.
Dieter D.
Dieter D.
User
Autor

z-index did the trick!!

THANKS :-)

Leer más
Publicado en de Dieter D.
Jamie B.
Jamie B.
User

Hi in template customization you need to modify the template for each resolution if you have a white header background in desktop you need to make sure it is set in all resolutions, you also need to move the elements in the header and footer in step 2 template/customisation/footer & header

Leer más
Publicado en de Jamie B.
Dieter D.
Dieter D.
User
Autor

The only problem left is that the headerline "The Perfect Circle" that was centered before, is still on left side

Leer más
Publicado en de Dieter D.
Jamie B.
Jamie B.
User

Just checked your site again, everything seems to be working the way its supposed to, glad I could help.

regards

jamie

Leer más
Publicado en de Jamie B.
Jamie B.
Jamie B.
User

Hi I would suggest moving the objects in the header to see if this helps, If not let me know and I will see what else I can Do.

Leer más
Publicado en de Jamie B.
Jamie B.
Jamie B.
User

also from the above code remove imHeaderObjects to see if that works, because the header is already fixed we not need the imHeaderObjects code

Leer más
Publicado en de Jamie B.
Dieter D.
Dieter D.
User
Autor

I'm fighting now with a different problem. Most of the menu links to the anchors just get not saved in X5. Really strange. I choose the Homepage and the anchor, click OK but the anchor doesn't get saved.

It did save one (services) but this is now off exatly the 100px in scrolling.

Leer más
Publicado en de Dieter D.
Dieter D.
Dieter D.
User
Autor

The bug with link to anchors not saved I could find a workaround. I have to choose any attribut tag (can delete it later) before clicking OK.

Now all links to anchors are offset the 100px (header+menu height) -> scrolls to the top of the page and the anchor in under the header...
I did set the pagecontent upper border to 105px, did not help.

Leer más
Publicado en de Dieter D.
Jamie B.
Jamie B.
User

Hi just had alook at your site again, the header & menu look ok to me and everything seemsto be working ok the offset is the height ofthe content page I would set the cell style outer width to see if that would help, I believe a couple of people have had issues relating to the anchors so this might actually be a bug with the website x5 software.

There are still a few bugs in the software butI believe that incomedia will be releasing an update soon which might help solve a few of these issues.

regards

jamie

Leer más
Publicado en de Jamie B.