Hello there! Welcome to Youjoomla Support Forums

We are Web Development Company specializing in Joomla Templates , Joomla Extensions and WordPress Themes development . You are not able to see some forum threads due to your memberhip level. To unlock all forums and special customer support please take few moments to signup . If you are just searching for free joomla templates , or free joomla extension support simply head to our Free Joomla Support forums and open a new thread. Our moderators will help you as soon as possible. To spead up the response time please take few seconds and go over forum rules

Have fun!

Split Main Menu on mobile

08-19-2015, 02:51 AM
# 1 (permalink)
florcar
Hi
I was wondering if there is a way to split the main menu on mobile view.
I mean that I can set up more than one "main" menu to display on topmenu position. See attached image for example.
- On Desktop view, there is one main menu (like now)
- On mobile view, the main menu moves to the left and the other menus are next to main menu.
Any ideas?
Thanks in advance.

Regards
Florcar

Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: Joomla 3.x

MySQL Version: 5.x

PHP version: 5.x

Link to installation: www.fabulosa.ch

Have you edited any files? If yes tell us which ones.: No

Is this personal or client website?: Personal

Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: Joomla 3.x

MySQL Version: 5.x

PHP version: 5.x

Link to installation: www.fabulosa.ch

Have you edited any files? If yes tell us which ones.: No

Is this personal or client website?: Personal
Attached Thumbnails
example_desktop_view.jpg   example_mobile_view.PNG  
08-19-2015, 07:11 AM
# 2 (permalink)
arefund
Hello florcar.
In order to have split menu you have to change the responsive call of the menu.
You will need to change the core files.
Kindness costs the least, but is worth the most!
08-19-2015, 07:18 AM
# 3 (permalink)
florcar
Hi
Thanks for the reply.
Could you tell me which files I have to edit?
Dont I have to add more module positions next to topmenu?
Regards
florcar
08-19-2015, 07:31 AM
# 4 (permalink)
arefund
The JS function file of the menu is located here:
plugins\system\yjsg\legacy\src\yjresponsive.js
The responsive menu css :
plugins/system/yjsg/assets/css/yjresponsive.css
Kindness costs the least, but is worth the most!
08-19-2015, 07:39 AM
# 5 (permalink)
florcar
Thanks.
I dont have to add module positions?
Could you give me a little hint of how I have to edit the code? That would be awesome
Regards
08-20-2015, 05:57 AM
# 6 (permalink)
arefund
You can try to float the menu on the left and use header module positions (header grid) for your modules that should go next to the menu and add the needed css for it on responsive view, so there is no need to change the core files.
Kindness costs the least, but is worth the most!
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Powered by vBulletin®
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

Members Login

Username
Password