Price table in responsive view : Repeat description column

Hey GregA,

I think it’s a bit complicated but you will need to add some css code, you can add this in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  #top .pricing-table > li:nth-child(3) td:before {
    content: "Objectifs";
    display: block;
  }

  #top .pricing-table > li:nth-child(4) td:before {
    content: "Utilisateur habituel";
    display: block;
  }

  #top .pricing-table > li:nth-child(5) td:before {
    content: "Diagnostic via un RDV tél.";
    display: block;
  }
}

The code above is for rows 3-5, you can use similar patterns for the other rows. Hope this helps.

Best regards,
Nikko

Hi Greg,

I used google web inspector for it. Can you give us temporary admin access instead? so we can check why it’s not working on your end.

Best regards,
Nikko

Hi,

Thanks for the admin access, I have added this css code in your QUick CSS:

@media only screen and (max-width:767px) {
  #top.page-id-3392 .pricing-table>li,
  #top.page-id-3392 .pricing-table > li td {
    padding: 50px 0 30px !important;
    position: relative;
  }

  #top.page-id-3392 .pricing-table > li:nth-child(3),
  #top.page-id-3392 .pricing-table > li:nth-child(4) {
    padding: 0 !important;
  }
 
  #top.page-id-3392 .pricing-table > li:after,
  #top.page-id-3392 .pricing-table > li td:after {
    display: block;
    color: #000;
    font-weight: bold;
    position: absolute;
    top: 10px;
    width: 100%;
    text-align: center;
  }

  #top.page-id-3392 .pricing-table > li:nth-child(3) td:after {
    content: "Objectifs";
  }

  #top.page-id-3392 .pricing-table > li:nth-child(4) td:after {
    content: "Utilisateur habituel";
  }

  #top .pricing-table > li:nth-child(5):after {
    content: "Diagnostic via un RDV tél.";
  }

  #top .pricing-table > li:nth-child(6):after {
    content: "Accès aux Guides";
  }

  #top .pricing-table > li:nth-child(7):after {
    content: "Identification des cibles";
  }

  #top .pricing-table > li:nth-child(8):after {
    content: "Approche des cibles";
  }

  #top .pricing-table > li:nth-child(9):after {
    content: "Organisation des RDV";
  }

  #top .pricing-table > li:nth-child(10):after {
    content: "Interprétariat lors des RDV";
  }

  #top .pricing-table > li:nth-child(11):after {
    content: "Suivi des affaires";
  }

  #top .pricing-table > li:nth-child(12):after {
    content: "Garantie Parteneo";
  }
}

And it worked, you might need to change the content on other languages. Let us know if you need further assistance :)

Best regards,
Nikko

Hi,

Great! If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon