Coherence - How to Trigger the "menu-main-menu-coherence" to switch? « Support Forum | Kriesi.at

Coherence - How to Trigger the "menu-main-menu-coherence" to switch?

4 posts from 2 voices

Tags:

No tags yet.

mjdurant
Member

Hi Kiesi.at

First of all - Great theme. I have had no trouble customising it up until now.
Here is the URL that I am having the issue on: http://www.loveslanestudios.com

Issue is that there are too may menu items for the tables portrait screen width.
All I want to know is how to Trigger the "menu-main-menu-coherence" to switch? to the "Select a page" drop down menu
at an wider break point? So that the the menu doesn't run over the logo.

I have tried to figure it out. But an having no luck at understating how the switch is triggered.

mr

mjdurant

Posted 5 months ago #
Ismael
Moderator
Hi mjdurant,

Kindly open wp-content/themes/coherence/js/avia.js and find this line of code (you can find 2 in this file, line 25 and line 1745):
switchWidth: 768,
Replace 768 with another value like 1024, dpending on the screen resolution that you want to switch the menu. Make sure you replace both.

Then open wp-content/themes/coherence/css/layout.css and find this code block (line 2101):
```
@media only screen and (max-width: 767px) {

		/*header*/
	 	.responsive .main_menu,
```
Replace 767 with 1023, just deduct 1 on the switchWidth. Hope this helps. :)

Regards,
Ismael
Posted 5 months ago #
mjdurant
Member

Thanks! thats great I have tweeked the .js and that was enough.

Thanks for the quick response on a sunday!

kr

mjdurant

Posted 5 months ago #
Ismael
Moderator

Hi mjdurant,

Glad we could help. :)

Cheers,
Ismael

Posted 5 months ago #

This topic has been closed to new replies.