Tablet breakpoint

  • Resolved netniks

    (@netniks)


    7 years, 8 months ago

    I’m using the following grid classes to create a four-column layout, like this:

    <div class="grid-25">
  <image>
</div>
<div class="grid-25">
  <image>
</div>
…

    Unfortunately, the tablet breakpoint converts the four-column view into a single column:

    https://netniks.cmslauncher.info/north-american-manufacturing/

    Is there a CSS way to prevent the theme from responding from four to one column until the smartphone breakpoint?

    Thanks and regards,
    Todd

    • This topic was modified 7 years, 8 months ago by netniks.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Leo

    (@leohsiang)

    Hi Todd,

    You can do something like this:
    <div class="grid-25 tablet-grid-25 mobile-grid-100">

    Let me know if this helps.

    • This reply was modified 7 years, 8 months ago by Leo.
    Thread Starter netniks

    (@netniks)

    Hi Leo,
    That did it, perfectly… thanks!!!

    Thanks and regards,
    Todd

    Leo

    (@leohsiang)

    You’re welcome!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Tablet breakpoint’ is closed to new replies.