Joomla Templates Club 406,261 posts

[kostas13 Friend kostas13Join date: February 2012Posts: 24Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#199912

Hello. I would like help to make the main menu bar stick on the top and also to change the mobile bar to be like JA Magz bar

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

#543298

Do you mean that you want to make the main menu bar sticky on top in JA Biz template? As I can see that your site is using JA Magz now.

If yes, you can try with my workaround:
– Open file: templatesja_biztplsblockshead.php and add this block of code at the end of file:


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

– Go to file: templatesja_bizcsscustom.css (create this file if it doesn’t exist) and add this css rule:


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


1 user says Thank You to Saguaros for this useful post

1. Andrzej Wachałowicz

[Andrzej Wachałowicz Friend Andrzej WachałowiczJoin date: March 2015Posts: 23Downloads:91Uploads:22 Thanks: 18 Thanked: 1 times in 1 posts]

#557225

[QUOTE=
If yes, you can try with my workaround:
– Open file: templatesja_biztplsblockshead.php and add this block of code at the end of file:


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

– Go to file: templatesja_bizcsscustom.css (create this file if it doesn’t exist) and add this css rule:


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

</blockquote>

It works for me, thanks

Link http://new.ciechocinekmsf.pl/

[Author]

Posts