Tagged: Grid Rows, responsiveness
-
AuthorPosts
-
January 15, 2020 at 1:21 pm #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
January 15, 2020 at 2:31 pm #1174003Update: 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?
January 16, 2020 at 9:00 am #1174773Hi,
Your site is in maintenance mode, please provide details in private so that we can access it.
Best regards,
RikardJanuary 16, 2020 at 4:07 pm #1175069Hi Rikard,
Please take a look at the private content.
Best regards,
MichielJanuary 17, 2020 at 7:07 pm #1175577Hi Michiel,
Can you please make that account admin? We need to see the Theme options.
Best regards,
VictoriaJanuary 18, 2020 at 1:34 am #1175731Hi Victoria,
Of course. Please try again.
Kind regards,
MichielJanuary 20, 2020 at 12:32 pm #1176257Hi,
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,
IsmaelJanuary 20, 2020 at 1:00 pm #1176276Hi 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,
MichielJanuary 21, 2020 at 9:12 am #1176611Hi,
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,
IsmaelJanuary 21, 2020 at 5:14 pm #1176841Hi 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,
MichielJanuary 24, 2020 at 3:01 am #1177960Hi,
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,
IsmaelJanuary 30, 2020 at 2:50 pm #1179897Hi 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,
MichielPS Sorry for the late reply, I’ve been pretty busy.
January 30, 2020 at 4:57 pm #1180001Hi 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,
VictoriaJanuary 30, 2020 at 4:57 pm #1180002Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.