Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 26, 2020 at 9:01 am #1197976
    L-mobileGroup

    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

    April 1, 2020 at 8:01 am #1199639
    Ismael

    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

    April 2, 2020 at 5:45 pm #1200251
    L-mobileGroup

    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

    April 6, 2020 at 5:33 am #1201131
    Ismael

    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

    April 22, 2020 at 8:01 am #1206066
    L-mobileGroup

    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

    April 26, 2020 at 5:06 pm #1207296
    Mike

    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

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