Joomla Templates Club 406,261 posts

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#201627

Is this possible with this template ? saw a post in JA Jason about it.

Regards

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#550865

Hi

You can change code directly, take a look HERE

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#550868

Hi pavit.
I added code

<nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav navbar-fixed-top navbar-collapse-fixed-top">
to /templates/ja_decor/tpls/blocks/mainnav.php
with no luck.

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#551647

Anyone got a solution for this ?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#551663

Hi

You need to manage code into this file /tpls/blocks/header.php

<div class="col-xs-12 <?php echo $mainnavsize ?> pull-right">
<div class="t3-navbar navbar-collapse collapse">
<jdoc:include type="<?php echo $this->getParam('navigation_type', 'megamenu') ?>" name="<?php echo $this->getParam('mm_type', 'mainmenu') ?>" />
</div>
</div>

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#551709

I’m not sure i follow,
The code :

<div class="col-xs-12 <?php echo $mainnavsize ?> pull-right">
<div class="t3-navbar navbar-collapse collapse">
<jdoc:include type="<?php echo $this->getParam('navigation_type', 'megamenu') ?>" name="<?php echo $this->getParam('mm_type', 'mainmenu') ?>" />
</div>
</div>

Is already in /tpls/blocks/header.php

?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#551725

<blockquote>Hi pavit.
I added code
Code:
<nav id=”t3-mainnav” class=”wrap navbar navbar-default t3-mainnav navbar-fixed-top navbar-collapse-fixed-top”>
to /templates/ja_decor/tpls/blocks/mainnav.php</blockquote>

I’m only saying that you need to modify code in this file /tpls/blocks/header.php

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#551738

Okay, but how do i know what to modify it to ?

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#552072

Dear @pavit can you be a bit more specific how i can accomplish this.
I tried a few things, still cant get this to work.

Kind regards.

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

#552084

You can take a look at this tip: http://www.joomlart.com/forums/topic/sticky-menu/#post-531059 🙂

1 user says Thank You to Saguaros for this useful post

1. pavit

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#552128

This is confusing..

I added the code to my test site which works great.

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

But when i add the same code to my real site it stops my slider and wont work.
My site is SSL so its make this error
[blocked] The page at ‘https://ellisellisshop.dk/index.php/da/’ was loaded over HTTPS, but ran insecure content from ‘http://stickyjs.com/jquery.sticky.js’: this content should also be loaded over HTTPS.
but i cant just type //stickyjs.com/jquery.sticky.js ?

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

#552187

You can try to download above JS file into your site and change the source:

<script src="http://stickyjs.com/jquery.sticky.js"></script>

To

<script src="/path/to/this/js-file/here/jquery.sticky.js"></script>

1 user says Thank You to Saguaros for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#552243

Great, that worked.. thanks.

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#552632

@saguaros only the logo is sticky in mobile / responsive mode…
got a solution for this ?

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

#552652

You can try with this tweak:
– Open css file: /templates/ja_decor/css/custom.css (create this file if it doesn’t exist)
– Add this css rule:

@media screen and (min-width: 320px) and (max-width: 480px) {
.sticky-wrapper, .navbar-header {
position: fixed;
width: 100%;
}

.container.t3-mainbody {
top: 50px;
}
}


[Author]

Posts