JoomlArt Forums 32,862 posts

[mortenrasmussen Friend mortenrasmussenJoin date: October 2010Posts: 78Downloads:0Uploads:19 Thanks: 11 Thanked: 5 times in 1 posts]

#194081

I am interested in some of your templates for Joomla, among them the Bookshop template. Before I purchase a membership I need to know though if it is possible (and in such case how) to have the top toolbar and the top main menu bar sticky (fixed) at the top of the page when scrolling?

Thanks and best regards, Morten

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#519948

@mortenrasmussen,

If you want to have the top toolbar and the top main menu bar sticky (fixed) at the top of the page when scrolling, you can open ja_bookshoptemplatesja_bookshoptplsdefault.php and replace code

<?php $this->loadBlock('header') ?>

with


<div class="wrap" data-spy='affix' data-offset-top='120' style="width: 100%; z-index: 2">
<?php $this->loadBlock('header') ?>
</div>


120 is topbar’s height + top main menu’s height.

1 user says Thank You to Css Magician for this useful post

1. mortenrasmussen

[mortenrasmussen Friend mortenrasmussenJoin date: October 2010Posts: 78Downloads:0Uploads:19 Thanks: 11 Thanked: 5 times in 1 posts]

#522185

Thanks, Css Magician, for the suggestion. It works somehow.

But, it breaks the dropdown, which will now not function properly.

And it jumps abrupt when scrolling. A more smooth movement like on other templates would be nice.

You can see it here: http://www.publizd.com/boger-bogkatalog/hjaelp

I know this is a heavy customization of a template that was not ment to do this so I guess it would maybe demand too much coding to make it act the way I want, right?

Kind regards, Morten

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#522194

Please try to remove:

data-offset-top='120'
from the code:


<div class="wrap" data-spy='affix' data-offset-top='120' style="width: 100%; z-index: 2">
<?php $this->loadBlock('header') ?>
</div>


You can also pm me admin and FTP credentials, I will take a closer look into your backend settings and source code as well to see how I can help.

[Author]

Posts