-
AuthorPosts
-
September 11, 2016 at 8:15 pm #684805
Hi Kriesie, see the link below.
I have set up 7 tables (days of the week) wich should represent opening hours. It works good enough but I noticed that when you make the screen smaller, the tables overlap. That is bad bacause whenever somebody would visit the site with such screen, it looks bad. If the screen gets small enough, then the responiveness is good again.
So my question is: how do I get the tables not to overlap when shrinking the size of the screen?
Another question I have is this: how would I het the TOP row be green with white font? In the forum I find a lot about this but it is all about the pricing table top row. SO in my case that code don’t work.
Thank you for the help.
September 13, 2016 at 4:45 pm #685913Hi Kriesi,
Could you please help me out with this one?
I had to look very closely as to where my post was, and I seem to be on page 15 now.On the other hand, I can understand if you are busy, in that case what may be the response time usually?
Regards,.
September 16, 2016 at 1:23 pm #687479Hi,
I checked your website on mobile, but can’t see anything wrong. Looks good to me, so could you fix it? please provide us screenshots of the issue, to make things clear to us.
However, please update the theme to the latest version. That should fix any issues you are currently experiencing :)
To update to the latest version follow the simple instructions here. (Or if you want the super detailed explanation you can read this blog post)
If that does not help, feel free to reply here and we will take a closer look at the issue. In that case please also add your WordPress login credentials (in the “private data” field) so we can take a look at your admin area.
Best regards,
AndySeptember 16, 2016 at 1:42 pm #687494Hi Andy,
Thanks for your time & help.
The issue I have is still there, it has nothing to do with an update.
Somehow the tables overlap each other.
See the gif inside the private area.
I hope it will not take another 5 days…
Thanks in advance.
Regards!September 19, 2016 at 1:43 pm #688456Hi,
use this code inside Quick CSS field to get mobile look on a higher screen size:
@media only screen and (max-width: 989px) and (min-width: 768px) { .flex_column.av_one_third.flex_column_div.av-zero-column-padding { width: 100%; }}
and adjust the media queries as needed.
Best regards,
AndySeptember 19, 2016 at 7:32 pm #688708Hi Andy,
Thanks for the reply but it is not getting better the way I have in mind.
To have a quick explaination I have made another video to show you.
Please see the private info for details and also a temporary login account.Thanks again for the help!
Did I already say the Enfold theme is the best I have been working with for years?Regards!
- This reply was modified 8 years, 3 months ago by Aerdvark. Reason: Forgot the video link
September 20, 2016 at 12:56 pm #689136Hi,
add a margin value into my code as well:
@media only screen and (max-width: 989px) and (min-width: 768px) { .flex_column.av_one_third.flex_column_div.av-zero-column-padding { width: 100%; margin: 0; }}
Hope this helps!
Best regards,
AndyOctober 5, 2016 at 7:26 am #695324Hi Kriesi,
It is still not entirely as it should be. Somehow the tables seem messed up on mobile screen.
Is there any way this could be more aligned?To me it looks like the tables have the same width WHEN ABOVE each other if you look at them in full screen desktop modus.
If in mobile screen, then they somehow do not have the same widths anymore and more; the first column does not have the same width that is whats making it look odd.See the details in private section.
Some more related questions:
1. could the 2 cells from the first row be merged together and the contents aligned left?
2. could the top row be given any other color?A less related question but I would rather not open a new thread for that, do you have any reccomendation about a plugin wich would allow the website to show a small line of text somewhere in the topbar “we are open” or “we are closed” based on the opening hours I put in? In the private section I give you a link to a plugin wich does it exactly but it has a bug, and the author does not respond to ma numerous messages. I have googled a lot and tried various plugins but none of them does what I want.
Thanks in advance!
- This reply was modified 8 years, 2 months ago by Aerdvark. Reason: forgot the links
October 5, 2016 at 10:13 am #695387Hi,
I think this is an known issue
https://kriesi.at/support/topic/tabel-make-entire-table-scrollable-error-enfold-3-6-1/Regards Pete,
October 5, 2016 at 11:11 am #695405Hi Pete, thanks for your info.
This is not a solution for me however.
I tried and it is a different thing.October 7, 2016 at 10:16 am #696369Hi,
I checked the table on mobile and it looks good to me now: http://i.imgur.com/RtMZ4dw.png
So could you fix it? if not please send us some screenshots, showing what you mean.
Best regards,
AndyOctober 11, 2016 at 7:53 am #697660Hi Andy,
The first column of the first table is not the same width as the first column in the second table. And so on.
In mobile view all the columns should have the same width, at least the first column.Sorry for my bad explaining.
October 11, 2016 at 11:46 am #697742Hi,
Please update the theme to the latest version. That should fix any issues you are currently experiencing :)
To update to the latest version follow the simple instructions here. (Or if you want the super detailed explanation you can read this blog post)
If that does not help, feel free to reply here and we will take a closer look at the issue. In that case please also add your WordPress login credentials (in the “private data” field) so we can take a look at your admin area
Best regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.