Joomla Templates Club 406,261 posts

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

#201352

Hello. I was wondering how make the menu stick on the top. As i saw from docs i have to add a bit of new code.

Please let me know what i did wrong? This is the outcome of the code:
<!– HEADER –>
<header id=”t3-header” class=”wrap t3-header t3-header-6 data-spy=”affix” data-offset-top=”70″ t3-header-6″>

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#549649

you can try this

– Open file: templatesja_neuvotplsblockshead.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>

after this
go to csscustom.css (create this file if it doesn’t exist) and add this css code

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

Let me know if it helps

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

#549662

Thank you but the template is not the nuevo but the jason template. Will this work for jason template as well?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#549663

Sorry for mistake . Please do it from Jason ,
Let me know if it helps

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

#549665

Tried it but it was no success

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#549666

can you pm me your working site admin details .
I will check it on your site and suggest you changes for it .

[zorroh Friend zorrohJoin date: November 2006Posts: 422Downloads:20Uploads:43 Thanks: 88 Thanked: 80 times in 1 posts]

#549728

if something working out here, i’d love to know about that also 🙂

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#549822

Hi i forwarded the issue to our development team .They will check it and update you here .
Please stay with us . Thanks in advance for your patience 🙂

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#550111

<em>@kostas13 445947 wrote:</em><blockquote>Hello. I was wondering how make the menu stick on the top. As i saw from docs i have to add a bit of new code.

Please let me know what i did wrong? This is the outcome of the code:
<!– HEADER –>
<header id=”t3-header” class=”wrap t3-header t3-header-6 data-spy=”affix” data-offset-top=”70″ t3-header-6″></blockquote>

If you wish to use Main Menu stick on the top, you have to do with steps below

+ Config the template style on your site is working with Ja_Jason – Home Style 5

+ Open templates/ja_jason/tpls/blocks/header-5.php file and move all code in <!– HEADER –>…<!– //HEADER –>


<!-- HEADER -->
<header id="t3-header" class="wrap t3-header <?php if($headerimage || $headervideo): echo 't3-header-mask'; endif; ?>" <?php if($headerimage): echo $style; endif; ?> >
<div class="container">
<?php if ($this->countModules('intro-1')) : ?>
<!-- Features Intro -->
<div class="clearfix ja-intro ja-intro-1<?php $this->_c('intro-1') ?>">
<jdoc:include type="modules" name="<?php $this->_p('intro-1') ?>" style="raw" />
</div>
<!-- //Features Intro -->
<?php endif ?>
</div>
</header>
<!-- //HEADER -->


into after code as


<script>
(function ($) {
$(document).ready(function(){
$('.ja-menu-wrap').affix({
offset: {
top: $('.t3-header').outerHeight()
}
});
});
})(jQuery);
</script>
<!-- HEADER -->
<header id="t3-header" class="wrap t3-header <?php if($headerimage || $headervideo): echo 't3-header-mask'; endif; ?>" <?php if($headerimage): echo $style; endif; ?> >
<div class="container">
<?php if ($this->countModules('intro-1')) : ?>
<!-- Features Intro -->
<div class="clearfix ja-intro ja-intro-1<?php $this->_c('intro-1') ?>">
<jdoc:include type="modules" name="<?php $this->_p('intro-1') ?>" style="raw" />
</div>
<!-- //Features Intro -->
<?php endif ?>
</div>
</header>
<!-- //HEADER -->


+ Create templates/ja_jason/css/custom.css file and add new rule


.ja-home-5 .ja-menu-wrap {
position: fixed;
}


Let me know if it helps

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

#550413

That is the solution! I made a quick review and i have not noticed any issue till now

[Author]

Posts