Coupon code overview

  • Resolved ralphvanbouwel

    (@ralphvanbouwel)


    3 years ago

    Hi
    I have a CSS problem in the cart page for mobile users.
    A screenshot can be found here
    As you can see, there is a mismatch between the text that shows the applied coupon and the row of the table.
    Is it possible to fix this through CSS?
    Thank you in advance.
    Best regards
    Ralph

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • @media only screen and (max-width: 768px) {
  .woocommerce table.shop_table_responsive tr td,
  .woocommerce-page table.shop_table_responsive tr td {
    height: 42px;
  }
}
    Thread Starter ralphvanbouwel

    (@ralphvanbouwel)

    Thank you, this works indeed for the coupon row but it affects all rows on this page. Consequently, other rows are to small now …

    Try changing height to min-height:

    @media only screen and (max-width: 768px) {
  .woocommerce table.shop_table_responsive tr td,
  .woocommerce-page table.shop_table_responsive tr td {
    min-height: 42px;
  }
}
    Thread Starter ralphvanbouwel

    (@ralphvanbouwel)

    You’re a hero, thank you so much!

    MayKato

    (@maykato)

    Hi @ralphvanbouwel

    Glad to hear that the CSS code @lorro provided fixed the issue. I’m marking this thread as resolved now. If you have any further questions, please feel free to start a new topic.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Coupon code overview’ is closed to new replies.