Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #18527


    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:

    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.




    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) {

    .responsive .main_menu,

    Replace 767 with 1023, just deduct 1 on the switchWidth. Hope this helps. :)




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

    Thanks for the quick response on a sunday!




    Hi mjdurant,

    Glad we could help. :)



Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Coherence – How to Trigger the "menu-main-menu-coherence" to switch?’ is closed to new replies.