M
M
Medovik2014-11-13 12:37:17
css
Medovik, 2014-11-13 12:37:17

How to change resolution for switching to "mobile" menu in bootstrap 3 ?

Good day!
The site is made on Bootstrap 3.2, all styles are out of the box.
Default adaptive.
Accordingly, the "top menu" nav switches to the "mobile" view if the screen size is less than 768px, the menu gradually shrinks to this size, the blocks move under each other.
The problem is that my top menu items are very long and in large font, and on tablet sizes it is shown "in three rows" which is terribly inconvenient and ugly.
The question is "where to click" so that switching the top nav menu to mobile view does not start from 768px, but from a higher one - for example 980px ? :)

Answer the question

In order to leave comments, you need to log in

2 answer(s)
A
Alexander Sydorenko, 2014-11-13
@Medovik

Here is what you want stackoverflow.com/questions/22329606/bootstrap-nav...
Although on the other hand.. collapse the menu at a screen width of 980px.. maybe try to prescribe styles for this width different? Smaller fonts, narrower paddings?

A
Artem Kom, 2014-11-13
@ArtKom

look in the source for the media parameter and the rules for it.
An easy way to redirect to the source itself is like this setting from 768px to 980px, but it's not good.
It would be better to register it in your style file.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question