-
AuthorPosts
-
July 9, 2016 at 4:26 am #658692
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 #659645Hey 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,
IsmaelJuly 12, 2016 at 4:08 am #659651Hi 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 #660657Hi,
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,
IsmaelJuly 14, 2016 at 5:43 am #660665Apologies I sent you the incorrect link. Please see below.
July 14, 2016 at 8:21 am #660717Hi,
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,
VinayJuly 15, 2016 at 3:13 am #661102Hi Vinay, Thanks. For the tables please see link below: Thanks.
July 15, 2016 at 11:06 am #661195Hi,
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,
VinayJuly 15, 2016 at 11:20 am #661197Hi 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 #661590Hi 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 #662537Hi,
both links you’ve provided are not available for me. Please check.
Best regards,
AndyJuly 19, 2016 at 3:21 pm #662541Hi Andy,
Apologies, we had to make the site live for the client, updated links below. Thanks.July 23, 2016 at 4:11 am #664111Hi,
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,
IsmaelJuly 23, 2016 at 10:13 am #664146Hi 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 #664147Hi 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 #664477Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.