How to control the width of responsive change

[Jeff Wilson]

How can I control the screen width at which the menu flips to the button menu? It currently flips at about 960 pixels width. I would prefer something closer to 500 pixels.

This is my implementation of the Circumference theme: http://www.visionsciences.org/wordpress

[Binaya D]

Hi Jeffy Wilson,

Please follow the link below to know how to control the screen width as your requirement.:
http://www.smashingmagazine.com/2013/03/logical-breakpoints-responsive-design/ OR
http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

Thanks

[Jeff Wilson]

Thank you for the links. This helped me track it down.

For others working with this theme, the line that controls when the main menu flips to minimized button mode can be found around line 3412 of the /themes/circumference/style.css file.

/* Mobile menu styling */
/* This max-width controls when the main menu flips to minimized button. Was 960px */
@media (max-width: 500px) {

[Binaya D]

Hi Jeff Wilson,

Please use the custom css plugin or child theme to write the css. As well as don’t modify the theme file.

Thanks

[Author]

Posts