Support » Theme: Ignite » How to enable the mobile version for all screen widths?

  • Resolved MG Mason

    (@robear)


    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.