Grouped Product | Mobile | non/ partial responsive

  • Resolved Matthias

    (@matfrey)


    5 years, 2 months ago

    Hi all,

    I am using woocommerce with the basic storefront theme.

    At the moment I am setting up a shop including a ‘grouped product’. However even if the theme is responsive by nature I have problem with grouped products on mobile devices: on the single product page its not or only partially showing the price column on some devices i.e. on my Samsung Galaxy S10+ it looks fine, however on smaller phones the price column is cropped.

    I do not have the problem with regular single products.

    Any Idea how to fix this?

    Many thanks in advance!

    Cheers
    Matthias

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

Viewing 2 replies - 1 through 2 (of 2 total)

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

    @media screen and (max-width: 568px) {
  .woocommerce-active .site-main .summary .grouped_form td {
    padding-left: 5px;
    padding-right: 5px;
  }
}
    Thread Starter Matthias

    (@matfrey)

    You are a rockstar! Thank you very much.

    It works perfectly.

    I owe you one ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Grouped Product | Mobile | non/ partial responsive’ is closed to new replies.