Home Forums WordPress Themes – Premium Circumference How to control the width of responsive change

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #16673
    Jeff Wilson
    Member

    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

    #21888
    Binaya D
    Participant

    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

    #21889
    Jeff Wilson
    Member

    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) {

    #16674
    Binaya D
    Participant

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.