Streaming live at 10am (PST)

Change media query for navbar mobile responsive


#1

I intended to change the max-width from 991px to 1048px,that changes from desktop navbar to tablet mobile menu.

I thought of using the media query but as I tried to inspect the code, I'm unable to find the class to do the changes. Is there any way to do it? Thank you.


#2

Is this after you have exported the site, and want to make changes to the CSS? If not, you can simply use the designer responsive views (1-4 on the keyboard) to change how the site looks in different sizes.


#3

As I understand, it would be a custom code. By default, the desktop navbar changes to mobile nav by max-width: 991px.

I would like to change it to 1048 instead due to its design nature. Otherwise, the menu list item will be pushed down out of the navbar area.


#4

In that case, change the design to reduce padding or widths for the elements in the nav to fit.


#5

Thank you for the suggestion.

I was hoping if there' a chance with custom code instead of altering the padding or width. Thank you again.


#6

Hi @VivianY, if this is still an issue, could you help to share the read-only link to the site, to be able to view the design and class names in the menu? http://help.webflow.com/faq/how-do-i-share-my-sites-read-only-link


#7