Youjoomla Support Forums (http://www.youjoomla.com/joomla_support/index.php)
-   I wish! (http://www.youjoomla.com/joomla_support/forumdisplay.php?f=86)
-   -   Split Main Menu on mobile (http://www.youjoomla.com/joomla_support/showthread.php?t=13891)

florcar 08-19-2015 02:51 AM

Split Main Menu on mobile
 
2 Attachment(s)
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

arefund 08-19-2015 07:11 AM

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.

florcar 08-19-2015 07:18 AM

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

arefund 08-19-2015 07:31 AM

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

florcar 08-19-2015 07:39 AM

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

arefund 08-20-2015 05:57 AM

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.


All times are GMT -4. The time now is 08:21 PM.

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