Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • December 10, 2018 at 2:26 pm #1043093
    soniavoice

    Hi, I inserted an Enfold chart in a page of my website. In mobile version there is a problem: I can’t see the grey row with title: “solo pernottamento”. I attach screenshots. How I can solve this issue?

    December 10, 2018 at 5:22 pm #1043185
    Nikko

    Hey soniavoice,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    December 10, 2018 at 5:34 pm #1043197
    soniavoice

    In private the link

    December 11, 2018 at 8:50 pm #1043973
    Victoria

    Hi soniavoice,

    Which page can we see the table on?

    Best regards,
    Victoria

    December 12, 2018 at 10:27 am #1044240
    soniavoice

    Here for example: https://easyzanzibar.com/breeze-residence-zanzibar/

    December 14, 2018 at 1:09 pm #1045231
    soniavoice

    Hi have you got some news?

    December 15, 2018 at 4:38 pm #1045665
    Nikko

    Hi soniavoice ,

    Can you try adding this css code in QUick CSS (located in Enfold > General Styling):

    .postid-4561 #after_section_1 .avia-table-1 th, 
.postid-4561 #after_section_1 .avia-table-1 td {
    display: table-cell;
    min-width: 50%;
    width: 50%;
    padding-left: 17px;
    padding-right: 17px;
}

    this will affect only the page/post you posted. If you want it to be global, you can do it like:

    #top #after_section_1 .avia-table-1 th, 
#top #after_section_1 .avia-table-1 td {
    display: table-cell;
    min-width: 50%;
    width: 50%;
    padding-left: 17px;
    padding-right: 17px;
}

    HOpe it helps.

    Best regards,
    Nikko

    December 16, 2018 at 12:53 pm #1045874
    soniavoice

    Thanks but something is wrong.
    I attach mobile view screenshot.
    • There is not vertical line to separate sections
    • Titles are repeated two times: in the title section and below

    December 16, 2018 at 5:43 pm #1045984
    Nikko

    Hi soniavoice,

    I see, I made some mistake in the code I gave, please replace the code I gave to:

    @media only screen and (max-width:767px) {
  #top #after_section_1 .avia-table-1 tr, 
  #top #after_section_1 .avia-table-1 tr {
    display: table-row;
  }

  #top #after_section_1 .avia-table-1 th, 
  #top #after_section_1 .avia-table-1 td {
    display: table-cell;
    min-width: 50%;
    width: 50%;
    padding-left: 17px;
    padding-right: 17px;
    border-right: 1px solid;
  }

  #top #after_section_1 .avia-table-1 th:last-child, 
  #top #after_section_1 .avia-table-1 td:last-child {
    border-right: none;
  }

  #top #after_section_1 .avia-table-1 td:before {
    display: none;
  }
}

    Best regards,
    Nikko

    December 16, 2018 at 5:54 pm #1045988
    soniavoice

    Now it’s seem ok. Thank you very much!

    December 16, 2018 at 6:21 pm #1046003
    Nikko

    Hi soniavoice,

    Glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘chart on mobile’ is closed to new replies.