Okay
  Public Ticket #278074
How can I change the screen width breakpoints for responsive styles
Closed

Comments

  • Mark Louie started the conversation

    Great theme you have here! We are using this theme for a client, but she is using a netbook to view the website and she requires us to have the main menu on the left, instead of in the middle. She is seeing the mobile version on her netbook. She can only tell us she's on a 15" screen but cannot tell what her screen resolution is. She has very little idea about responsive sites and she hasn't seen how the website looks on larger screens. She is confused that she is seeing the website on a smaller screen width breakpoint/mobile version.

    Can you point us in the right direction where we can have the mobile version activated below 600 px screen width?

    Thank you very much!

  •  296
    Paul replied

    Hi Mark!

    You can see most CSS breakpoint code of the theme in "/css/kose-responsive.css" file. Some other responsive-related code are also in "/js/kose.js" file (for example, the code for controlling the content area display).

    Regards,
    Paul

  • Mark Louie replied

    Great! I was able to make the mobile menu appear below 767px. The #side-container and #content-container styles were tricky, though. Thanks!