Menu collapses when page is vertically resized

  • Resolved mircofragomena

    (@mircofragomena)


    8 years, 4 months ago

    Hi all,
    this is my first post, but I’ve already been a Responsive menu user for happily a long time.
    Now I need the menu to be resized/collapsed in its button form when the page is resized in its height, and not just in the width.

    The website we are talking about is https://www.jacquesdurand.com
    As you see, if you resize the page vertically, the menu goes under the logo, and above the page.
    I wanna find a breakpoint before it touches the logo and that transforms it into the classic menu button of Responsive menu.

    How would I achieve such a thing?

    Thanks in advance!

Viewing 1 replies (of 1 total)
  • Plugin Contributor responsivemenu

    (@responsivemenu)

    Hey Mirco,

    Unfortunately media queries only work width wise and Im not aware of any way using CSS to detect the page height.

    The only way to detect the height would be using some sort of javascript detection and then you would need to apply some seperate inline styles or apply a class that you can then style seperately in CSS.

    You could achieve all this using jQuery to help with development so if you have a web developer you can speak to them about implementing these changes or alternatively the jQuery framework is pretty easy to learn and use and you can check out their documentation online.

    Hope it helps!

Viewing 1 replies (of 1 total)
  • The topic ‘Menu collapses when page is vertically resized’ is closed to new replies.