-
AuthorPosts
-
December 16, 2012 at 12:03 pm #183145
Hi,
I was wondering if anyone had a suggested solution to display the submenu items on the tablet / mobile version of the JA Puresite template? I have modified the CSS to display the submenu once clicked, however I would like them to show by default in the expanded list with the rest of the menu items.
Does anyone know if this is possible?
Many thanks,
PaulNinja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
December 17, 2012 at 10:40 am #476508Hi Paul,
JA Puresite Template does not support submenu on tablet and mobile version.
Regards
ghd123 Friendghd123
- Join date:
- October 2012
- Posts:
- 49
- Downloads:
- 0
- Uploads:
- 31
- Thanks:
- 15
- Thanked:
- 1 times in 1 posts
January 2, 2013 at 12:18 pm #478116Hi Paul,
Would you be able to tell me what you changed and in which CSS file to allow the sub menu to be displayed on the tablet?
Many thanks,
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
January 3, 2013 at 3:20 am #478196Hi Paul,
You can change it here
<blockquote>templates/ja_puresite/css/layout-mobile.css</blockquote>
from
.ja-megamenu .megacol,
.ja-megamenu li.mega .childcontent,
.ja-megamenu li.mega .childcontent .childcontent-inner-wrap,
.ja-megamenu li.mega .childcontent .childcontent-inner-wrap .childcontent-inner {
display: none !important;
}
change to
.ja-megamenu .megacol,
.ja-megamenu li.mega .childcontent,
.ja-megamenu li.mega .childcontent .childcontent-inner-wrap,
.ja-megamenu li.mega .childcontent .childcontent-inner-wrap .childcontent-inner {
display: block !important;
}But you need to customize more on this.
Regards
3 users say Thank You to Ninja Lead for this useful post
ghd123 Friendghd123
- Join date:
- October 2012
- Posts:
- 49
- Downloads:
- 0
- Uploads:
- 31
- Thanks:
- 15
- Thanked:
- 1 times in 1 posts
January 7, 2013 at 3:15 pm #478743Thank you! What else do I need to customize?
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
January 8, 2013 at 2:30 am #478842<em>@ghd123 353864 wrote:</em><blockquote>Thank you! What else do I need to customize?</blockquote>
You can apply my solution on this link help you show only submenu on your site see the screenshotIf you want your site run as well with submenu as:
JA University: http://www.joomlart.com/demo/#ja_university
JA Zite: http://www.joomlart.com/demo/#ja_ziteYou need to more customize js file on this path
<blockquote>templates/ja_puresite/js/menu/mega.js</blockquote>
jservices Friendjservices
- Join date:
- November 2009
- Posts:
- 13
- Downloads:
- 0
- Uploads:
- 2
- Thanked:
- 1 times in 1 posts
January 9, 2013 at 12:15 am #478982This is great but you never tell us what else needs to be changed. Can you provide some details as to what needs to be changed in the mega.js file?
Or, can we swap the mega.js file from the other templates (Zite and University)? Will that work? or will it break Puresite’s mega menu?
Thanks!
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
January 9, 2013 at 9:16 am #479045I’m so sorry about that, because JA-Puresite could not support submene but on this case i can only help you by giving suggestions :
+ Download and extract my attachment file
+ Copy css and js file into
<blockquote>templates/ja_puresite/css/layout-mobile.css
templates/ja_puresite/js/menu/mega.js</blockquote>
+ Remember to backup old file before to do this
1 user says Thank You to Ninja Lead for this useful post
jservices Friendjservices
- Join date:
- November 2009
- Posts:
- 13
- Downloads:
- 0
- Uploads:
- 2
- Thanked:
- 1 times in 1 posts
January 22, 2013 at 10:49 pm #480815Hi Ninja,
I tried this but it does not change anything. I am using Firefox on an android phone to test. The menu does not open up to show the submenus.
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
January 23, 2013 at 2:46 am #480823<em>@jservices 356557 wrote:</em><blockquote>Hi Ninja,
I tried this but it does not change anything. I am using Firefox on an android phone to test. The menu does not open up to show the submenus.</blockquote>
If possible please PM me url, admin access and FTP account of your site, i shall try to help you out.
AuthorPostsViewing 10 posts - 1 through 10 (of 10 total)This topic contains 10 replies, has 4 voices, and was last updated by Ninja Lead 11 years, 10 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
JA Puresite show sub menu on tablet / mobile
Viewing 10 posts - 1 through 10 (of 10 total)