Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1173968

    Hi there,

    Overall my website behaves well at different screen resolutions. Only screen size that causes problems is the 1024px landscape. On my homepage there are 3 grid rows under the first color section. The grid rows are devided in 3 columns (1/5 1/5 3/5). The 2nd column contains a heading, the 3rd column contains text.

    These columns and grids behave well, EXCEPT on 1024px landscape screens. In that case the heading of the second grid row is placed behind the text of the 3rd column.

    I hope you know a solution for this. Thanks for your reply in advance.

    Michiel

    #1174003

    Update: I found out that with a smaller heading size (from 44px and smaller) the problem does not occur at 1024px screens. Maybe there is a way to change the breaking point of mid size screens from 989px to 1024px, so I can adjust the heading size only for mid size screens?

    #1174773

    Hi,

    Your site is in maintenance mode, please provide details in private so that we can access it.

    Best regards,
    Rikard

    #1175069

    Hi Rikard,

    Please take a look at the private content.

    Best regards,
    Michiel

    #1175577

    Hi Michiel,

    Can you please make that account admin? We need to see the Theme options.

    Best regards,
    Victoria

    #1175731

    Hi Victoria,

    Of course. Please try again.

    Kind regards,
    Michiel

    #1176257

    Hi,

    Thank you for the update.

    You can set the cells to go full width when the screen width is equal to or less than 1024px.

    @media only screen and (max-width:1024px) {
        .responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
    	margin: 0;
    	margin-bottom: 20px;
    	width: 100%;
    	display: block;
        }
    }

    Best regards,
    Ismael

    #1176276

    Hi Ismael,

    Thanks for the reply and the offered solution. Unfortunately, it doesn’t work. I have entered the code in the Quick CSS, but the headings still crawl under the 3/5 text section on the right side at 1024px resolution. Would you know any other solution?

    Kind regards,
    Michiel

    #1176611

    Hi,

    Thank you for following up.

    We disabled the Performance > File Compression settings temporarily to regenerate the stylesheets containing the recent changes. It is working properly now. Please remove the browser cache, then check the page again.

    Best regards,
    Ismael

    #1176841

    Hi Ismael,

    Thanks. It seems to work in Firefox, but not Chrome. I’ve deleted all cache files, but still the same problem. Also at responsivedesignchecker.com (see link in private content).

    Greets,
    Michiel

    #1177960

    Hi,

    The site looks fine when we check it in the responsive design tool on Chrome Windows 10. Please check the screenshot below.

    // https://imgur.com/a/b0BjKsE

    Best regards,
    Ismael

    #1179897

    Hi Ismael,
    Thanks very much for – so it seems- solving the problem. I don’t know why I kept seeing the old rendition. It must have been that damn Chrome cache again, I guess.
    Kind regards,
    Michiel

    PS Sorry for the late reply, I’ve been pretty busy.

    #1180001

    Hi wyzyncom,

    Glad it’s working for you now! :)

    Yeah, browser cache can play tricks on you.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1180002

    Hi wyzyncom,

    Glad it’s working for you now! :)

    Yeah, browser cache can play tricks on you.

    If you need further assistance please let us know.
    Best regards,
    Victoria

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