Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • October 7, 2024 at 11:49 am #1468559
    Sonia
    Guest

    I have tabs in my website and now I check that all tabs with more than 2 colums are cut! Have a look please to the link and tell me how to solve this bug. Thanks

    October 8, 2024 at 4:17 am #1468618
    Ismael

    Hey Sonia,

    Thank you for the inquiry.

    We can’t see any layout issues in the page. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

    1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
    2.) Locate the option to upload a file or an image.
    3.) Select the screenshot file from your computer or device and upload it to the platform.
    4.) After the upload is complete, you will be provided with a shareable link or an embed code.
    5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

    Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

    Best regards,
    Ismael

    October 8, 2024 at 9:30 am #1468629
    soniavoice

    Hi Ismael I sent to you a very clear link. You must look in mobile version. In desktop all is ok. The issue is on mobile.

    Tabs are all the same. For example the fist tab is exactly as like the second one. Both tabs hace titles but In the first I can see titles correctly. In the second title has problems. If I invert the tabs, first become correct, second one become with issue.
    In all pages I have the same problem. The first tab is ok. Second, third… title disappears.

    It’s clear that there is some bug in Enfold tabs.
    Waitng for your answear please.

    October 8, 2024 at 10:14 am #1468635
    Ismael

    Hi,

    Thank you for the update.

    Are you referring to the Accordion element? It seems to be displaying correctly on our end. Please review the screenshot in the private field. If this is not the issue, please provide a screenshot to help us better understand and address the problem.

    Best regards,
    Ismael

    October 8, 2024 at 10:19 am #1468636
    soniavoice

    No, I’m speaking about price table. Look tiitles and responsive issue. Please write again description of issue above.
    screeshot in my link

    October 10, 2024 at 5:21 pm #1468840
    soniavoice

    Please it’s 2 days I’m waiting an answer. All hotels partner in our website have price table wrong!

    October 12, 2024 at 6:59 pm #1468995
    Mike

    Hi,
    Thanks for the link to your site, but when I test the price tables they seem fine on mobile:
    Screen Shot 2024 10 12 at 12.54.20 PM
    I was not able to view your screenshot because it required a login, please try posting a direct link to your screenshot.
    To add a screenshot please try using an Screenshot service and pasting the image URL in your post.

    Best regards,
    Mike

    October 13, 2024 at 8:13 am #1469012
    soniavoice

    The issue is not on the fist table of the page. Issue strats always from the second table even if it is exactly the same of the first one.
    So If you send me a screenshot of the first and unique table of the page I know that it has not issue.
    I give you again screenshot link (I have removed share lock so you can open it without problems) and I give you also url page were you can have a look to all tabels. They are the same but only the first is correct on mobile view.
    Villa Room: Table title ok on mobile
    Bungalows: Table title disappears on mobile
    Family: Table title disappears on mobile
    Extra: Table title disappears on mobile
    I hope now is clear. Look at the page link please. It’s easy to understand.
    Please answear as soon as possibile.

    October 13, 2024 at 2:28 pm #1469020
    Mike

    Hi,
    Your screenshot is still password protected, please try a different Screenshot service
    also provide a admin login so we can check the backend.
    It looks like you are using some custom css for the first table:

    @media only screen and (max-width: 767px) {
    #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;
    }
}

    Note the class avia-table-1 so this doesn’t change all of the tables, try this css instead:

    @media only screen and (max-width: 767px) {
    #top #after_section_1 .avia_responsive_table th, 
    #top #after_section_1 .avia_responsive_table td {
        display: table-cell;
        min-width: 50%;
        width: 50%;
        padding-left: 17px;
        padding-right: 17px;
        border-right: 1px solid;
    }
}

    Best regards,
    Mike

    October 13, 2024 at 3:46 pm #1469026
    soniavoice

    Hi, I have tried to put this instead in css child but nothing is changed.
    I give you access and also link ti see table page.
    Screenshot is not necessary.

    Waiting for your answer

    October 13, 2024 at 4:18 pm #1469031
    Mike

    Hi,
    It works when I check, try clearing your browser cache following these steps for Safari and note step 4 where you will Clear the History.
    Screen Shot 2024 10 13 at 10.16.59 AM

    Best regards,
    Mike

    October 13, 2024 at 4:26 pm #1469032
    soniavoice

    Yes now titles work but there is something stange to vertical line of some tables. In some tables miss vertical line on the right. In other (i look also in your screenshot lines has become black or duble. So every tabs has different line. Why?

    October 13, 2024 at 4:30 pm #1469033
    soniavoice

    There are other issue in other tables. For example I send a link of another hotel. In the fist table all is ok (about title). In the second and third Title is repeated also inside every table cell/line.

    October 13, 2024 at 4:55 pm #1469035
    soniavoice

    Also in the screenshot you sent to me there is Titel “Pernottamento e prima colazione” 2 times, Out as title alone and also repited inside. Please look with attention

    October 14, 2024 at 5:58 am #1469056
    Ismael

    Hi,

    Thank you for the update.

    In your first post, you mentioned tabs, not tables, so it’s a bit confusing. Anyway, this is how the table element responds in mobile view. If you’d like to remove the repeated titles, you can add this css code:

    .responsive .avia_responsive_table .avia-data-table td:before {
    display: none;
}

    Best regards,
    Ismael

    October 17, 2024 at 11:39 am #1469308
    soniavoice

    Thanks, it seem it works now. But there is issue with table border. For example have a look to the first table of the link. Vertical line on the right is disappeared. While vertical line on the left is darker. Why?

    October 18, 2024 at 4:32 pm #1469400
    Mike

    Hi,
    For the right border it looks like you have this custom css:

    .avia-table-1 td:last-child {
    border-right: none;
}

    please remove

    Best regards,
    Mike

    October 20, 2024 at 9:05 am #1469492
    soniavoice

    Thanks Mike!

    October 20, 2024 at 1:10 pm #1469507
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Enfold tab has issue on mobile’ is closed to new replies.