Joomla Templates Club 406,261 posts

[ohnodesign Friend ohnodesignJoin date: August 2013Posts: 5Downloads:2Uploads:0]

#190663

I know this is probably a strange request but here it goes.

I need to lock the menu in the mobile navigation style 100% of the time. The site that I am working on required us to build 3 separate menus for display on desktops and tablets but needed for them to all condense down to one for mobile devices. I’ve got it almost all the way there through media queries and multiple menus and stylings of menus. What I need to do now is lock the main menu in mobile navigation mode so that it will always appear as it would on the phone.

If you need to look at the site we’re working on it’s at:
http://ohno.ws/clients/vlhs

Thanks for the help in advance.

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

#506236

This way will help you to lock menu in mobile layout

Open templates/ja_university/css/template.css file

Add new script

@media(max-width: 767px) {
#ja-mainnav .main-inner1 {
display: none;
}
}

Don’t forget to clear cache from Admin area.

[Author]

Posts