Support » Theme: Sydney » Sydney theme minimum width

  • Resolved welshdemon


    Hello. Please can you tell me how to achieve this?

    I can shrink browser to 257px, this is too narrow and it pushes btn-menu down over the text (maybe since Ive modified things).

    I see on other websites and maybe on default Sydney theme, minimum size is around 400px. Can I state this somewhere to prevent shrinking narrower?

    Thank you

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello there,

    We don’t do that by default as we believe that some people still use smaller device; we won’t responsiveness.

    However, it can be achieved by adding the following CSS code into your site’s additional CSS option which resides under the Appearance > Customize > Additional CSS.

    body {
      min-width: 400px;


    Oh I see.
    Thank you, though this did not have the result I hoped. I was hoping to prevent browser being able to be sized that narrow and to make content fit in. Because, if screen is too narrow, btn-menu disappears too low, and cannot be seen against the background.
    Please could you have a quick look and see my problem?

    Do you know of any other solution? Maybe make the header have min-height?

    Thanks a lot for your support.

    Hello there,

    The other solution might be moving the mobile menu button to top right side of the header; You would add use this code:

    @media only screen and (max-width:767px) {
      .site-header .container{
        position: relative;
      .btn-menu {
        position: absolute;
        top: -130px;
        right: 10px;


    Once again, thanks for your time.

    No problem! Glad to have an opportunity to assist you. Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.


Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Sydney theme minimum width’ is closed to new replies.