Joomla Templates Club 406,261 posts

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#192557

Hello,

Now if i scroll down with current fixel template, then open Navigation, the items are not shown. Only if i am at the top of the page.

Second is:
The off-canvas isnt working on jomsocial.. Please can you take a look and post actual file?

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#513775

Hi fmfame,

<blockquote>Now if i scroll down with current fixel template, then open Navigation, the items are not shown. </blockquote>

I have spent quite some time to follow your steps, but unfortunately, I could not see the same issue as you mentioned. The menu items of dropdown menu display fine when hovering.

However, there is a tiny problem that the color of Off-canvas menu items is too dark to be visible on DWLA-Social page (JomSocial) when viewing on mobile view. Is that the problem you want to resolve ?

<blockquote>The off-canvas isnt working on jomsocial.. Please can you take a look and post actual file?</blockquote>
It seems that you want to remind about the .js conflict issue which our developer replied you with a suggestion in another thread. This is a js conflict from the 3rd party extension (JomSocial) so that you should contact that component’s developer to get better solution or at least a bug fix in this case.

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#513843

<blockquote>I have spent quite some time to follow your steps, but unfortunately, I could not see the same issue as you mentioned. The menu items of dropdown menu display fine when hovering. </blockquote>

No you don’t understand.. go for example to “news/..” on my page and scroll down to the bottom of the page with mobile phone or scale the window till off canvas is shown
Then open off canvas.. Then you see off canvas menu items are not shown

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#513949

If i opens off-canvas while i am still at the top of the page, i can see the navigation.!

If i am at the bottom of my page an then i try to open off-canvas i dont see the navigation..!

---

Attachments:

1. 
2. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#514034

Hi fmfame,

Thank you for uploading the snapshots. On mobile/tablet view, the menu items are invisible at the bottom when scrolling the page is the default effect of our Off-canvas menu. You can see the http://joomla-templates.joomlart.com/ja_fixel/index.php/en/JA Fixel template demo as an example.

Lets me explain why our T3 developer doesn’t make the menu items visible when scrolling the page to bottom on mobile view. On mobile view, the Off-canvas menu is defined to “absolute” position so that we can see all menu items by using the scrolling bar of browser. However, the Off-canvas menu will also stay at the top of page (top: 0;) that is why you can not see them when scrolling to bottom of page.

If you still want to see the Off-canvas menu items when scrolling to bottom of page, you can try to put below css styles override into templates/ja_fixel/css/custom.css file:

@media (max-width: 979px) {
.off-canvas #off-canvas-nav {
position: fixed;
}
}

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#514111

Oh my god you dont know what i mean…

Look at obelisk template..
try to scroll down and the menu items always are shown “AND” i can scroll menu items

thats a bug in ja fixel……..

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#514114

Hi,

You are right. I missed to check out the Off-canvas menu on other T3v3 templates. This issue is caused by the top value of t3-mainnav class on responsive @media that you can can solve by opening /templates/ja_fixel/css/template-responsive.css file and remove all lines:

.t3-mainnav,
.t3-mainnav.light-mainnav {
top: 0 !important;
}

within
@media (max-width: 979px) { }

and
@media (max-width: 767px) { }

I also created a bug report to our template developer to include the bug fix in next update of JA Fixel template. Thank you for your feedback !

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#514188

Hello,

code dont work.. i also tested to temove this, too.

If this is removed, then after reloading (or if you try that with google firebug or anything scroll to top and then scroll again down) the full mainbar dont be fixed at the top.

thats not the solution..

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#514200

Hi fmfame,

Sorry. I did not realize the light-mainnav is also defined with top value. You can open the template-responsive.css file and change:

.t3-mainnav,
.t3-mainnav.light-mainnav {
top: 0 !important;
}

to

.t3-mainnav {
top: 0;
}

.t3-mainnav.light-mainnav {
top: 0 !important;
}

within
@media (max-width: 979px) { }

and
@media (max-width: 767px) { }

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#514211

Finally that works…

let me briefly summarize:

first post of you :
“I have spent quite some time to follow your steps, but unfortunately, I could not see the same issue as you mentioned. The menu items of dropdown menu display fine when hovering. ”
I never said anything from “HOVERING”

then your second post you want to make credible that all is fine:
“Lets me explain why our T3 developer doesn’t make the menu items visible when scrolling the page to bottom on mobile view. On mobile view, the Off-canvas menu is defined to “absolute” position so that we can see all menu items by using the scrolling bar of browser. However, the Off-canvas menu will also stay at the top of page (top: 0;) that is why you can not see them when scrolling to bottom of page. ”

then (not until my 4th post) you inspected the whole accurately..

and look thats why i am soo angry.. Because my important posts were handling like this.

So please, now take a look at the problems with iphone or android on “social”
– try to click on “social” page on “off-canvas”

now try on desktop:
-try to click on “social” page on “news”, not the subitems, try to click “news”..
–> then go to home and try to click “news” again and you will see here is definitely a difference and have definitely a problem on jomsocial “social” page.. And that is caused by t-3 js and not by jomsocial which dont have problems with other templates by other developers.

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#514251

Sorry this post isnt completely answered…

I told you from js problem..

now i tell you step by step to reproduce big error.

Open with mobile phone my site, then go to “social” page, then scroll to bottom, then try to open off-canvas..
If i dont scroll to bottom and being at the top of the page, off-canvas will open with new t-3 2.0 version. If i have scrolled little bit down and then try to open off-canvas. it never will be open until i go to top and reload the page.

i get following errors on chrome firebug

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

#514387

Like I explained in this thread here when you click on menu off canvas, the click action is conflicted jomsocial component and off canvas menu of T3 framework

This is my solution to fix the problem on your site

Open templates/ja_fixel/tpls/blocks/header.php file

From

<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<i class="icon-reorder"></i>
</button>

Change to

<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".fixel-nav-collapse">
<i class="icon-reorder"></i>
</button>

<script type="text/javascript">
jQuery(window).load(function(){
jQuery('.btn-navbar').on('click', function(e){
if (!jQuery('html').hasClass('off-canvas-ready')){
jQuery('.fixel-nav-collapse').collapse('toggle');
e.stopPropagation();
return false;
}
})
});
</script>

1 user says Thank You to Ninja Lead for this useful post

1. phong nam

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#514579

sorry, not works..

I even cant open fixel off-canvas if i have scrolled down in the jomsocial page and then try to get open..

uncaught typeError: Object top -61px has no method ‘test’ off-canvas.js:118

and if i am logged in and hoverring with another ja template over menu items, there i see
uncaught error: syntax error, unrecognized expression ../index.php/infos

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#514602

and..

i need a t-3 solution so that i can use also obelisk or appolio template..

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#514700

i hope so much that we can fix the whole jquery conflicts with jomsocial soon. i want to use only your templates and your framework but sometimes i think thats not possible

[Author]

Posts