Changing at what point the topbar menu collapses into a hamburger icon

  • plimfec

    (@plimfec)


    8 years ago

    Hi there,

    At a certain viewport width (719px if I’m right) the Hueman topbar menu collapses into a hamburger icon.

    I’d like to change this width into 900px or so, because my topbar menu demands a lot of space and therefore the menu breaks into two lines before the viewport reaches the 719px collapsing point.

    Is there a way to change the collapsing point for the topbar?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Denzel Chia

    (@denzel_chia)

    Hi,

    If I am not wrong, the mobile menu is powered by javascript, using css overwrites will not work.

    It’s much easier if you use media query for 900px width to reduce your menu item font size.

    Thank you

    Thread Starter plimfec

    (@plimfec)

    Hi,

    I’m already using media query to reduce the padding between menu items:

    @media screen and (min-width: 719px) and (max-width: 850px){ 
#header .nav-wrap a { padding-left: 8px !important; padding-right: 8px !important; }
}

    I could change the font size as well, that’s a good point. But I’m afraid it’s still not enough..

    So could you point me to the right file to adjust the javascript? It seems I’m not able to find it, but I love to give it a try to alter it.

    Thank you.

    Denzel Chia

    (@denzel_chia)

    Hi,

    Sorry, I am not familiar with Javascript and does not know which file to edit.

    Thank you

    Thread Starter plimfec

    (@plimfec)

    It would be very nice to be able to adjust the collapsing point in the settings of the Hueman theme. There already are a lot of settings to adjust, which is great, but I hope this one will pop up in some future release as well ??

    Thanks for now!

    Denzel Chia

    (@denzel_chia)

    You are welcome!
    Thank you

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changing at what point the topbar menu collapses into a hamburger icon’ is closed to new replies.