Mobile view messed up on tablet

  • My front page which is the shop view looks fine on my computer and my phone but on my tablet, the categories are spread out weird (in portrait view). First line will have 3 categories, the second line will have one, the third line will have 3, and so on. It looks very unprofessional. In customize, I have tried setting the items per line at 3 and 4. Both settings have the same layout.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi, adding the following in Appearance->Customize->Additional CSS should fix it

    @media screen and ( min-width: 768px ) and ( max-width: 978px ) {
  .home .entry-content .columns-4 .product {
    width: 20% !important;
  }
}
Viewing 1 replies (of 1 total)
  • The topic ‘Mobile view messed up on tablet’ is closed to new replies.