Joomla Templates Club 406,261 posts

[gribblej Friend gribblejJoin date: June 2011Posts: 208Downloads:28Uploads:6 Thanks: 4 Thanked: 10 times in 2 posts]

#201091

I’ve read some prior posts but they are two years old and for earlier templates. Everything has changed. Almost made it work on my own in JA Biz. I see how it theoretically could be done. Just am wondering if someone else succeeded and would be willing to share that code mod. Always looking to learn cool new tricks. I’m seeing plenty of new sites which use this feature to great advantage.
Thanks,
-Jim G.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#548381

Hi Jim,

You can try with my suggestion in this thread: http://www.joomlart.com/forums/topic/fixedsticky-menu-bar-and-ja-magz-mobile-menubar/#post-543298

Hope it helps.

Best

[gribblej Friend gribblejJoin date: June 2011Posts: 208Downloads:28Uploads:6 Thanks: 4 Thanked: 10 times in 2 posts]

#548470

Hi Saguaros, this looks promising. However, I want the header, menu bar and social login blocks all to be sticky. So that entire block at the top of the page is fixed, and the page scrolls under it. There doesn’t seem to be one block that houses everything. Although most appear to be housed within the block called t3-mainnav main-container.
Thanks,
-Jim G.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#548672

Hi Jim,

You can try with this tweak:
– Go to file: /templates/ja_biz/tpls/blocks/head.php and add this code:


<script src="http://stickyjs.com/jquery.sticky.js"></script>
<script>
jQuery(document).ready(function(){
jQuery("#t3-mainnav").sticky({topSpacing:40});
jQuery("#top-header").sticky({topSpacing:0});
});
</script>

– Open css file: /templates/ja_biz/css/custom.css (create this file if it doesn’t exist)
Add this css rule:


.sticky-wrapper.is-sticky .t3-mainnav.navbar.navbar-default, .sticky-wrapper.is-sticky .t3-top-header{
width: 100%;
}


[gribblej Friend gribblejJoin date: June 2011Posts: 208Downloads:28Uploads:6 Thanks: 4 Thanked: 10 times in 2 posts]

#548896

Thank you! Giving it a try. Is right in line with what I was thinking.

[gribblej Friend gribblejJoin date: June 2011Posts: 208Downloads:28Uploads:6 Thanks: 4 Thanked: 10 times in 2 posts]

#549213

This doesn’t work at all. Hmmm….

[gribblej Friend gribblejJoin date: June 2011Posts: 208Downloads:28Uploads:6 Thanks: 4 Thanked: 10 times in 2 posts]

#549215

Maybe it has to do with my assigning green theme to inside pages. I only want that to be sticky. Also, I added slideshow to the header php file to move it on top of menu.
-Jim G

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#549217

You can PM me admin and ftp credentials of your site, I will take a look.

[Author]

Posts