Keeping Header & Menu fixed?
Autor: Dieter D.
Besucht 4302,
Followers 3,
Geteilt 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
Gepostet am
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
Autor
Hi Jamie!
Thanks for the hint but the menu doesn't work anymore using that code :-(
Thanks,
Dieter
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
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
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
Hi in step 2 template/customization adjust the content properties (top) and see if that works any better.
regards
jamie
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>
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...
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>
Autor
Header background is white but scrolls up...
Autor
z-index did the trick!!
THANKS :-)
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
Autor
The only problem left is that the headerline "The Perfect Circle" that was centered before, is still on left side
Just checked your site again, everything seems to be working the way its supposed to, glad I could help.
regards
jamie
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.
also from the above code remove imHeaderObjects to see if that works, because the header is already fixed we not need the imHeaderObjects code
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.
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.
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