How to enable the mobile version for all screen widths?

  • Resolved MG Mason

    (@robear)


    7 years, 5 months ago

    Hello, How can I enable the mobile version, for all screen widths?
    That is, I would like to have the mobile layout full-time.

    Thanks ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hey,

    The following CSS will update the layout to be very similar to the mobile layout:

    @media all and (min-width: 56.25em) {

  .main {
    float: none !important;
    margin: 0 auto !important;
  }
  .sidebar-primary-container {
    float: none !important;
    width: 59.253% !important;
    margin: 0 auto !important;
  }
}

    Please copy & paste that code into the “Additional CSS” section in the Customizer (Appearance > Customize), and it will take effect right away.

    There are a few things that will remain the same, like the menu, but the overall layout will be similar the mobile site.

    Thread Starter MG Mason

    (@robear)

    Thank you ??

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to enable the mobile version for all screen widths?’ is closed to new replies.