Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #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.

    #685913

    Hi 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,.

    #687479

    Hi,

    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,
    Andy

    #687494

    Hi 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!

    #688456

    Hi,

    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,
    Andy

    #688708

    Hi 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 7 years, 7 months ago by Aerdvark. Reason: Forgot the video link
    #689136

    Hi,

    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,
    Andy

    #695324

    Hi 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 7 years, 6 months ago by Aerdvark. Reason: forgot the links
    #695387
    #695405

    Hi Pete, thanks for your info.
    This is not a solution for me however.
    I tried and it is a different thing.

    #696369

    Hi,

    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,
    Andy

    #697660

    Hi 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.

    #697742

    Hi,

    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

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