Recent
Categories
View Replies (2)

How to activate a separate mobile menu in Cashmere

0
Votes
Undo
  1. lburton2
    lburton2
  3. Commercial Templates
  4. Friday, 23 May 2014
  5.  Subscribe via email
Hi! Love the template so far, but am trying to adjust some things for the mobile version.

The main menu displays on desktop and mobile, and on mobile it correctly changes to be a mobile menu version (box that says "Menu" with an icon, rather than the horizontal menu that displays on the desktop version).

However, I would like to display a different menu to mobile viewers, to replace the desktop Main Menu. I created a menu called Mobile Menu and assigned it to module position hornav_mobile, and added the menu id tag "mobile" (without " ";), but it still displays the desktop version.

I suspect that I don't really understand the differences between the hornav menu and the slicknav menu... I took a look at the responsive.css and the responsive_nav.css but didn't see anything that indicated how to change the menu associated with mobile version vs. desktop version.

Thanks in advance for your help!

Lowell
Responses (2)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Lowell

I am sorry to say there is no real option to use a different menu on the mobile version of the top menu due to how the slicknav menu works. The slicknav scripts grabs whatever menu is placed in the #hornav div (top menu) and uses this to create a duplicate menu for the mobile version. You could maybe edit the div that slicknav uses to an alternative area of your page via your templates scripts.php (../templates/j51_cashmere/php/scripts.php).

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Bassmaster
Bassmaster
Accepted Answer Pending Moderation
0
Votes
Undo
hi everybod, had the same problem.....the slicknav menu was shown on desktop and i wanted to remove.
here you can see how i did it
go to Editing file "/js/responsive-nav/responsive-nav.js" in template "j51_cashmere". Line 73
replace '+prefix+'_menu with new class "hidden-desktop" and voila the menu bar is gone on desktop

var menuBar = jQuery('<div class="'+prefix+'_menu"></div>'); >> with MENU bar
var menuBar = jQuery('<div class="hidden-desktop"></div>'); >> without MENU bar
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.