How to modify the width for the adaptation in tablets of a menu without half queries?

Question

How to modify the width for the adaptation in tablets of a menu without half queries?

Navigation

#1 by (0 votes)
#2 by (0 votes)

2

Menu: link

I've never seen a responsive menu like this, it has nothing of average 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 on the resposinator and more or less at 570px the menu modifies to fit on mobile phones, and I wanted to increase this number to about 760px.

But I looked all over the css and then the javascript no approximate or similar number appears there. Do you have any specific tags that I should modify?

javascript css media-queries

asked by anonymous 08.05.2016 / 15:52

2 answers

Mysql Workbench 6.3 does not change the attribute data type in the table, always returns to the previous [closed] Is there a generic Css code to make my site mobile friendly?

score 0 · Answer 1

It really uses javascript to make the exchange. By calculating the space required for the menu and breaking it when this value is exceeded, one way I have found to modify this is by adding padding to <div class="rmm style"> , so you decrease the space and the change happens before.

I hope I have helped.

score 0 · Answer 2

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

In css you create a class for its menu related to 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');
}