Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1197976

    Dear Support

    we noticed some issues regarding some elements on our website if the site is opened on a laptop with windows app scale set greater than 100%. As example if the site is opened on such a device the main menu on the top is changing to burger style menu. Also some text is scaling wrong on example page. You have to set windows device scale higher than 100% to see it:

    Example 1

    Content Boxes:

    Example 2

    Can you give us some hint to fix this global? Via script or something else? Some of this elements have a child.theme css – maybe you can help how to change css to avoid these errors.

    Thanks in advance Marc

    #1199639

    Hey Marc,

    Thank you for the inquiry.

    That seems to be the expected behavior because as you zoom in, the emulated screen width decreases, so zooming in to 200% is the same as viewing the site on a small phone and this is why the burger menu displays.

    We checked the above pages on our end, but we didn’t really see any unusual behavior or layout issue in the page.

    Best regards,
    Ismael

    #1200251

    Dear Ismael

    as example on Exaaample 1 Link–> Scroll to the section with heading “Folgende Funktionen sind mit L-mobile service erhältlich” – the masonry titles are bigger than the masonry boxes. We added a own css for the size of the headings. Can we avoid such ugly errors?

    Best Regards Marc

    #1201131

    Hi,

    Thank you for the update.

    You can use css media queries to adjust the font size of the masonry title on smaller screens.

    @media only screen and (max-width: 1366px) {
        #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
    	font-size: 13px;
        }
    }
    

    This should display a smaller title when the screen width is less than 1367px.

    Best regards,
    Ismael

    #1206066

    Dear Ismael

    we already use css to change size of text or elements (also for this). But some elements are scaled when Windows Zoom is activated. Please have look on this page once again.

    Best regards Marc

    #1207296

    Hi,
    Sorry for the late reply, I have my windows device scale set to 125% but I do not see the issue you describe above, but when I use the Chrome “Zoom” I do, is this what you meant?
    Unfortunately, I couldn’t find any way to get the browsers zoom level, to then apply css to adjust.
    Please see this article: Media queries and browser zoom (scroll down about 30% for this heading) and this one.

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.