How to modify the width for the adaptation on tablets of a menu without media queries?

Question

Menu: http://responsivemultimenu.com/lib/responsive-multi-menu/

I’ve never seen a responsive menu like this, there’s nothing media queries, I believe the responsive part is created by javascript. Anyway this is not my problem, I want the menu to be responsive before it is. For example, I tested it in resposinator and but less in 570px the menu modifies to adapt in cell phones, and I wanted to increase this even number more or less 760px.

But I looked at all the css and then the javascript no approximate or similar number appears there. Has any specific tag that I should modify ?

Answer 1

It actually uses javascript to make the exchange. Calculating the space needed for the menu and makes the break when this value is exceeded, one way I found to modify this is by adding padding in <div class="rmm style">, so you decrease the space and the exchange happens before.

I hope I’ve helped.

Answer 2

If you want to switch the style of a menu without using media queries you can use css and javascript merge.

In css you create a class for the respective menu related to the approximate measure of 760px.

In the javascript file you check the screen size to change the style as follows:

if ($(window).width() <= 760 ) {

  $('.rmm').addClass('classe do css que faz o estilo para essa medida');
}