Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 10, 2017 at 9:11 am #875060
    Alexandre49

    Hey enfold team!

    I have a problem with this page on mobile device: http://www.unjeunezen.fr/calendrier-et-tarifs/

    The price table is fully visible on a computer but we only see the price on mobile without “chambre individuelle” etc.

    Thank you for your help

    November 10, 2017 at 7:16 pm #875308
    Victoria

    Hey Alexandre49,

    It will look like this
    Image 2017-11-10 at 19.15.52.png

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  .avia_responsive_table .avia-data-table tr:first-child th {
     display: block; 
   }

}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 10, 2017 at 10:02 pm #875390
    Alexandre49

    Hey victoria,
    Thank you for your answer,
    I put the code in Enfold > General Styling > Quick Css and in themes/enfold/css/custom.css. It didn’t work with both.

    What else could I try?

    Best regards

    Alexandre

    November 12, 2017 at 8:26 pm #875803
    Mike

    Hi,
    Try this instead:

    @media only screen and (max-width: 767px) {
  .avia_responsive_table .avia-data-table tr:first-child th {
     display: block !important; 
   }

}

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.