Public Forums 71,145 posts

[rowanwins Friend rowanwinsJoin date: March 2011Posts: 13Downloads:0Uploads:4 Thanks: 2]

#180837

Hi there,

I have a responsive site built on the t3 framework. My menu works beautifully on a desktop by when the mobile menu kicks in (when the screen size is reduced) the menu does not display the submenu items, this is quite problematic.

I’ve seen the latest responsive JA templates do not have this problem (eg the JA Universityor Zite templates display submenu items fine).

Could someone please provide some advice about how I might fix this.

Thanks in advance,
Rowan

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

#467768

Because both JA University and Zite templates are RESPONSIVE template, if you want to apply “RESPONSIVE” to other JA Templates, you need to customize.

[rowanwins Friend rowanwinsJoin date: March 2011Posts: 13Downloads:0Uploads:4 Thanks: 2]

#468146

Hi, Im not sure I understand your response.

My T3 template (bought from themeforest, not JA) is responsive, but submenu items do not show when the responsive menu kicks in (see the link I’ve provided).

Would updating the T3 Framework plugin to the latest version make any difference (eg is the submenu issue related directly to the T3 plugin?). I am currently on version: 1.9.3

Thanks

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

#468340

@rowanwins: We did apply ss responsive megamenu with both template Zite and University. But you can apply with this fix into your site. Hope megamenu get responsive.

In attached file, it has css and js folder

Please copy three css style file to

<blockquote>templates/ja_your_template/css/</blockquote>

and copy js file to

<blockquote>templates/ja_your_template/js/menu/</blockquote>

Do you need check css file added into JA Template?

<blockquote>Admin area->Extensions->Template Manager->Edit Ja_your_template->Layout Tabs->Edit default</blockquote>

If it is not yet? Please add this script below
<blockquote> <!–Extra css load for this layout–></blockquote>

<stylesheets>
<file media="only screen and (max-width:719px)">css/layout-mobile.css</file>
<file media="only screen and (max-width:479px)">css/layout-mobile-port.css</file>
<file media="only screen and (min-width:720px) and (max-width: 985px)">css/layout-tablet.css</file>
</stylesheets>

---

Attachments:

1. responsive.zip

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

1. evacm

[rowanwins Friend rowanwinsJoin date: March 2011Posts: 13Downloads:0Uploads:4 Thanks: 2]

#468374

hmm still didnt work unfortunantly. No submenus items appeared in the responsive menu, but a new top level menu button called ‘navigation’ did appear next to the main ‘menu’ button.

Thanks

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

#468433

<em>@rowanwins 340013 wrote:</em><blockquote>hmm still didnt work unfortunantly. No submenus items appeared in the responsive menu, but a new top level menu button called ‘navigation’ did appear next to the main ‘menu’ button.

Thanks</blockquote>

Please send PM me with admin access and FTP account. I will check directly on your site.

[Author]

Posts