Menu after 1.1.5 update

  • Resolved sinhhala

    (@sinhhala)


    4 years, 6 months ago

    Hi

    I have a question regarding working with the new menus. Apart of the main header/mobile menu I also have let’s say a sub menu that is located before main section of the site, it has icons as menu items and I designed it to look the same on mobile and desktop screens. If I change the code resposible for showing this menu to the new one, it automatically becomes mobile on max-width 719px (i.e. hidden). What is the easiest way to make this particular menu look the same on both mobile and desktop?
    Screenshot

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Alexander Agnarson

    (@alxmedia)

    Hi!

    If you want to change the width where the menu changes to mobile, you now need to edit /js/nav.js on line 147 with a child theme, where it says.

    
breakpoint = breakpoint || 720;

    Change that as you wish, and the “mobile” class is applied after that.

    Thread Starter sinhhala

    (@sinhhala)

    Hi again
    Thanks for your reply, maybe I didn’t express myself precisely – I don’t want to change the breakpoint, as I have the header and footer menu which I want to leave as you designed it with breakpoints on 720px. Only one particular menu that I mentioned before should look the same on all screen sizes – should I write some exception rule with the menu name in js?

    Theme Author Alexander Agnarson

    (@alxmedia)

    Ah ok. Well then you probably need to make an exception in the js code yeah. I wish I could help you out here, but my js skills are not the best.

    The other option would be to change a ton of CSS stuff, but I would not recommend it.

    Thread Starter sinhhala

    (@sinhhala)

    Ok, thank you, will try to do that ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Menu after 1.1.5 update’ is closed to new replies.