Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 9, 2021 at 9:47 pm #1315901
    enfold-94556

    In a row with 4 columns, of which the leftmost and rightmost have whitespace and the center two have an image and text block (stacked), the content was not showing at all at “tablet” widths or smaller.

    After changing the CSS to get these to be visible, there is still a bug at tablet widths. The horizontal alignment of the 2 visible columns is off. They should be centered horizontally. They are not.

    This issue appeared after updating content on the site. The theme had been installed for about 1 year already.

    There are other rows with content on this page, and they are working as expected.

    August 9, 2021 at 9:51 pm #1315902
    enfold-94556

    Image of problem

    August 11, 2021 at 5:57 am #1316185
    Rikard

    Hi,

    Thanks for screenshot. I can’t see the problem happening on your actual site though, did you manage to find a solution? If not, then please let us know how to reproduce the problem you are having.

    Best regards,
    Rikard

    August 12, 2021 at 12:22 am #1316334
    enfold-94556

    Hi Rikard, I am still seing the issue, on multiple browsers (Edge, Chrome, Firefox). My colleague is also seeing the issue, and I just confirmed it by accessing the site on a 3rd computer.

    It appears when the width of the browser window is between 767 and 988 pixels, according to the inspector tool.

    To generate the error, I
    1. access the site
    2. scroll down to the heading “Earn when you service”
    3. Drag the browser window slowly narrower / wider and watch the columns in this section carefully

    Best,
    Raina

    August 13, 2021 at 5:37 am #1316520
    Rikard

    Hi Raina,

    Thanks for the update, I was looking at the wrong section. Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    August 17, 2021 at 12:26 am #1317019
    enfold-94556
    This reply has been marked as private.
    August 17, 2021 at 1:22 pm #1317151
    Rikard

    Hi,

    Thanks for that. First off, could you try updating the theme to the latest version (4.8.6.2) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

    Best regards,
    Rikard

    August 21, 2021 at 1:51 am #1317689
    enfold-94556

    Hi Rikard,

    I updated the theme & cleared the cache. Still seeing the problem. I checked the page source in my browser and verified it is pulling in the theme version 4.8.6.2, so it is not a caching problem.

    I tried creating a new row with 4 columns and moving the content to those columns. That didn’t work, either.

    Any suggestions?

    Surely this cannot be the only website using Enfold theme which has this issue with the 4 column layout?

    August 23, 2021 at 6:29 am #1317913
    Rikard

    Hi,

    Thanks for the update. Please try this in Quick CSS:

    @media only screen and (min-width: 768px) and (max-width: 989px) {
.home #av_section_4 .av_one_fourth {
    margin-left: 0;
    width: 100%;
}
}

    Best regards,
    Rikard

    August 26, 2021 at 12:00 am #1318355
    enfold-94556

    They now stack correctly at “tablet” widths.
    Thank you!

    August 27, 2021 at 4:58 am #1318546
    Nikko

    Hi enfold-94556,

    We are glad that Rikard could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Bug with row with 4 columns at "tablet" widths’ is closed to new replies.