Joomla Templates Club 406,261 posts

[perini ps Friend perini psJoin date: February 2012Posts: 18Downloads:0Uploads:0 Thanks: 3]

#190838

Hi folks,

We’re taking a slightly different approach to the mobile menu and so I’m after some advice.

The default mobile menu only shows one level, as often mentioned in the forums. So, what I’m doing is setting up a button in the top menu which links to a standard K2 page. That page shows a mobile-specific menu. Essentially, we want to give people the convenience of a mobile menu but going beyond the first level (our client’s site is quite deep).

Where I want to put this button is where the “search” module position is. I’ve removed the “search” wording in the PHP and it’s all working fine.

However, what I’d like to do now is to remove – or hide – the default mobile menu. The simplest way appears to hide #ja-mainnav in layout-mobile.css, but this hides the search module position too. I can’t seem to find the relevant PHP or JS as to where to just hide the mobile menu.

So… is there a way to remove/hide *just* the default mobile menu?

Cheers,
Paul

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

#506829

Hi perini ps,

The simplest solution is using the overridden css style to hide the Mobile menu (Navigation) by putting below codes into the end of /templates/ja_puresite/css/layout-mobile.css file:

#ja-menu-button {
display: none !important;
}

Then clear JAT3 cache.

[perini ps Friend perini psJoin date: February 2012Posts: 18Downloads:0Uploads:0 Thanks: 3]

#506884

The other way of looking at the question is: can I change the mobile “MENU” button to go to a URL (a page on the website) rather than open the mobile menu?

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

#507452

Hi perini_ps,

Sorry, i came back late. You can open templatesja_puresitejsmega.rjd.js file, find 27th line:

var jmnbutton = new Element (‘div’, {id:’ja-menu-button’, html: ‘Navigation‘}).inject (jmega, ‘before’),

Then you can refer below tip to create a link using jQuery at http://stackoverflow.com/questions/4772774/how-do-i-create-a-link-using-javascript

Remember to clear JAT3 cache after saving changes.

[Author]

Posts