Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • July 9, 2016 at 4:26 am #658692
    mrlreynolds

    Hi,
    1. there seems to be an issue with the tables on mobile now, when set to display data and then set to scroll on mobile all of the text overlaps.
    2. when using WPML and the dropdown language selector option, we would like to see the small down arrow after the first language at the top in the topbar so people can see that there are options. how do we add this back in please?

    Thanks,.

    July 12, 2016 at 3:57 am #659645
    Ismael

    Hey mrlreynolds,

    Thank you for using Enfold.

    1.) The site is on maintenance mode. Please provide the login credentials so that we can check it.

    2.) Please add this in the Quick CSS field:

    .menu-item-language-current:before {
    content: '\25BE';
    right: -13px;
    position: absolute;
    font-family: 'entypo-fontello';
    font-weight: normal;
    font-size: 20px;
}

    Best regards,
    Ismael

    July 12, 2016 at 4:08 am #659651
    mrlreynolds

    Hi Ismael, Thank you.

    1. please see link below.

    3. We also have another issue on the homepage, if you go to the bottom on the page on the left side we have a small gallery with 4 photos, if you hover over the gallery the thumbnails behave strange and move around. Please can you check this for us also.

    Many Thanks,.

    July 14, 2016 at 5:22 am #660657
    Ismael

    Hi,

    Again, the site is on maintenance mode so we won’t be able to see the issue. Please provide a temporary user so that we can access the site.

    Best regards,
    Ismael

    July 14, 2016 at 5:43 am #660665
    mrlreynolds

    Apologies I sent you the incorrect link. Please see below.

    July 14, 2016 at 8:21 am #660717
    Vinay

    Hi,

    1. I checked a few links but could not find the tables please provide a precise link where we can find the element in question.

    However to fix the table issue in mobile adjust the width to suit your design and try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
.responsive .avia_scrollable_table .avia-data-table>thead>tr>th, 
.responsive .avia_scrollable_table .avia-data-table>tbody>tr>th, 
.responsive .avia_scrollable_table .avia-data-table>tfoot>tr>th, 
.responsive .avia_scrollable_table .avia-data-table>thead>tr>td, 
.responsive .avia_scrollable_table .avia-data-table>tbody>tr>td, 
.responsive .avia_scrollable_table .avia-data-table>tfoot>tr>td {
    width: 150px;
}}

    2. Were there any custom css added to the thumbnails? We need wordpress login details to check the setup closely.

    Best regards,
    Vinay

    July 15, 2016 at 3:13 am #661102
    mrlreynolds

    Hi Vinay, Thanks. For the tables please see link below: Thanks.

    July 15, 2016 at 11:06 am #661195
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
@media only screen and (max-width: 767px) {
.responsive .avia_scrollable_table .avia-data-table > thead > tr > th, .responsive .avia_scrollable_table .avia-data-table > tbody > tr > th, .responsive .avia_scrollable_table .avia-data-table > tfoot > tr > th,   .responsive .avia_scrollable_table .avia-data-table > thead > tr > td, .responsive .avia_scrollable_table .avia-data-table > tbody > tr > td, .responsive .avia_scrollable_table .avia-data-table > tfoot > tr > td {
    white-space: normal!important;
}}

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

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Vinay

    July 15, 2016 at 11:20 am #661197
    mrlreynolds

    Hi Vinay, thank you.

    It is better for the tables but still not right, the last column the heading text comes out of the table on my S7 edge. the table is set to scroll sideways on mobile so im not sure the columns need to be so narrow either. It was working before one of the recent updates, is it a known bug? i have tables like this with enfold on other sites and they work fine. Thanks.

    July 16, 2016 at 3:10 am #661590
    mrlreynolds

    Hi Vinay, we have added 4 more tables to another page and set them to scroll on mobile, they are also showing very messy on mobile, please see link below. We have tested by removing all of our custom css code and also by disable all plugins and still same result. Thanks.

    p.s the issue with the photo hover was due to a plugin conflict with an older version of ‘east social share buttons’ – we updated this and the hover issue has now gone.

    July 19, 2016 at 3:17 pm #662537
    Andy

    Hi,

    both links you’ve provided are not available for me. Please check.

    Best regards,
    Andy

    July 19, 2016 at 3:21 pm #662541
    mrlreynolds

    Hi Andy,
    Apologies, we had to make the site live for the client, updated links below. Thanks.

    July 23, 2016 at 4:11 am #664111
    Ismael

    Hi,

    Please add this in the Quick CSS field:

    @media only screen and (max-width: 767px) {
div .avia-table {
    min-width: 768px !important;
}
}

    Remove browser cache or hard refresh before checking the page.

    Best regards,
    Ismael

    July 23, 2016 at 10:13 am #664146
    mrlreynolds

    Hi Ismael, thanks but that didnt fix it, i thought with table set to scroll that it should just display a normal table as usual and then scroll sideways? it is all bunched up like it is trying to resize to the window for some reason. We really need to get this fixed asap as our client site is live now and many people use it and this table information is important. Many Thanks.

    July 23, 2016 at 10:19 am #664147
    mrlreynolds

    Hi Ismael, apologies i just cleared the CDN cache and it is showing much better now, just the last table on the transport page the text is hanging out of the column. Thanks.

    July 25, 2016 at 7:08 am #664477
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
@media only screen and (max-width: 767px){
.responsive .avia-table-4 > tbody > tr > td {
      word-break: break-all;
}}

    Best regards,
    Vinay

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