Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Top Menu not working with Falang on Smartphone screen

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

:( Hi there,

Great template.

I am running the new Venture template on this website www.noasc.com. It is a multi-language site (Japanese / English) using Falang. Trying to configure things at the moment.

The toggle menu (Top menu) is working when viewing the site at a smartphone screen size in English, but not when I view the same thing in Japanese.

I am running joomla 3.3.6 and Falang Version 1.4.5

Your help would be appreciated.

Thanks.
  • Kuniyo's Avatar
  • Kuniyo
  • 12 Month Developer
  • 22 posts
  • Karma: 0
Last Edit: 6 years 6 months ago by Kuniyo.
The administrator has disabled public write access.
Hi there,

Could you tell me how to view the Japanese page?

Thanks!
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Hi Anthony,

If you are automatically being taken to the english version, please view the front page on a tablet or PC, then click on the Japanese flag on the top right hand corner and it should take you to the Japanese version.

The background slideshow is also not showing on the Japanese version for some reason.

Your help is appreciated.
  • Kuniyo's Avatar
  • Kuniyo
  • 12 Month Developer
  • 22 posts
  • Karma: 0
The administrator has disabled public write access.
Sorry I dont see any flags on mobile or desktop.
Thanks
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Hi Anthony,

Here is a screen shot of what you should see. See the attachment.
Attachments:
  • Kuniyo's Avatar
  • Kuniyo
  • 12 Month Developer
  • 22 posts
  • Karma: 0
The administrator has disabled public write access.
Ah ok yes sorry - where does the text top menu come from? Its causing it get covered over.
Thanks
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
It is coming from the TOP Menu module title text.
  • Kuniyo's Avatar
  • Kuniyo
  • 12 Month Developer
  • 22 posts
  • Karma: 0
The administrator has disabled public write access.
Hmm Im not sure that it is actually.

Its an h3 tag inside the mean nav markup. Have you added it manually?

I just tested locally and top1 or top4 module position title is hidden as expected.

Thanks
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Hi Anthony,

I have checked on another dummy site with the venture template uploaded and this setting seems to be norm with the H3 tag. I deleted the NAV and H3 tag but it made no difference.

Also, my background slideshow is not working on the home button for the Japanese version, but seems to work on all other pages.

When I used developer tools to inspect the element I get this error below show up.
Uncaught TypeError: undefined is not a function
template.js:89 Uncaught TypeError: Cannot read property 'resize' of undefinedtemplate.js:89 (anonymous function)jquery.min.js:3 m.event.dispatchtemplate.js:83 dispatch

It seems the template code has been corrupted somehow. Your advice on how to correct it would be appreciated.

Thanks,
Kuniyo
  • Kuniyo's Avatar
  • Kuniyo
  • 12 Month Developer
  • 22 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Kuniyo,

I do see errors coming from the scroller module as well

Have you tested with this disabled?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,

Thanks for the help.

Disabling the scroller module allowed the background slideshow to show. Thanks.

Does this mean I can not use the scroller module with this template?

Still no good with the Top menu not showing.
  • Kuniyo's Avatar
  • Kuniyo
  • 12 Month Developer
  • 22 posts
  • Karma: 0
The administrator has disabled public write access.
Hi there.

I cant seem to see the menu at all now on small screens.
Thanks
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Hi Anthony,

Worked it out. It was my scroller module causing a conflict. Once I removed it, the top menu (mainmenu in your template) is showing.

How do I get the TOP 1 and TOP4 positions to still appear on smaller screens?

Regards,
Kuniyo.
  • Kuniyo's Avatar
  • Kuniyo
  • 12 Month Developer
  • 22 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Kuniyo,

The top positions when the screen width collapses they drop under the blue band with the h3

@media screen and (max-width:880px) {
.mean-container .mean-nav {margin-top: 74px;}
}

This works for tablets I think but on mobile the layout is stacked so it drops further down the page again

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: Kuniyo

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers