Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #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


    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,


    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



    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,

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

You must be logged in to reply to this topic.