• Resolved geoffreygordon

    (@geoffreygordon)


    Hello
    Is it possible to make prices appear below descriptions on mobile?

    I found this snippet in the comments, which I added to the custom CSS but doesn’t work ?

    @media screen and (max-width: 600px) { .fdm-item-panel { display: flex; flex-direction: column; } .fdm-item-title { order: 1; } .fdm-item-content { order: 2; } .fdm-item-price-wrapper { order: 3; } }

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

Viewing 1 replies (of 1 total)
  • Plugin Support jaysupport

    (@jaysupport)

    Hi geoffrey,

    The reason why the Custom CSS is not working is because you have some Custom CSS in your divi page builder that is causing a conflict. Here’s a screenshot for your reference: https://ibb.co/PcjRtW1

    You can use this updated Custom CSS to resolve your issue:

    @media screen and (max-width: 600px) {
      .fdm-item-panel {
        display: flex;
        flex-direction: column;
      }
      .fdm-item-title {
        order: 1;
      }
      .fdm-item-content {
        order: 2;
      }
      .fdm-item-price-wrapper {
        order: 3;
        position: initial !important;
      }
    }

    Result: https://ibb.co/xSggvsg

Viewing 1 replies (of 1 total)
  • The topic ‘Price postion on new line in Mobile view’ is closed to new replies.