• Resolved Visual Vision

    (@visualvision)


    Good morning!

    I have a problem with displaying the top of my website in Google Chrome and Firefox – it works correctly in Apple Safari. The first content after the menu bar gets loaded very narrow. When I start scrolling it jumps into the right position. The issue is on every page of this website. I tried to deactivate the sticky header plugin but the distortion is still there.
    I guess it has something to do with elementor, but not sure. Can you give me a clue?

    Greets, Nicole

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Hi,

    Can you tell me which version you have currently?

    Thread Starter Visual Vision

    (@visualvision)

    Hi,

    it’s version 3.6.2 – should be the newest as I’m always updating.

    Hi,

    Please roll back to version 3.5.6 and check if it works.

    Thread Starter Visual Vision

    (@visualvision)

    Hello,

    I rolled back version by version until 3.5.5 but unfortunately it didn’t work. I don’t know if it makes sense to even roll further back … cache is purged.

    Thread Starter Visual Vision

    (@visualvision)

    Hi there,

    I found a temporary solution for my problem: I had a margin of -75 px to the top. So the header area went unter the menu bar. Now I deleted this margin on all pages. The header area is now shown AFTER the menu bar (which I don’t really like). But it looks better as the distortion in Chrome and Firefox is gone …
    For now it’s okay for me, but if you have a better solution I have an open ear! ??

    Kind regards,
    Nicole

    Hi,
    Thank you for the update.

    I do not see anything wrong on my end because I do not know what it should look like, I am using a chrome browser.
    Can you upload an image of it?

    @visualvision

    Hi, are you ok?

    Thread Starter Visual Vision

    (@visualvision)

    Hi, I’m so sorry for not answering.

    What I meant concerning the distortion of the first section: I used to have a margin of -75 px on the top of the first section after the menu so that the menu was displayed as layer over the first section (it looks like that when you scroll down now). But if I place this negative margin the whole first section is distorted in Google Chrome and Firefox (in desktop view), but looks well in Safari. Now I deleted that negative margin so that the first section comes right after the menu bar and so the distortion is gone. I tried to set it back again after the latest update of Elementor but the distortion still appears in Chrome and Firefox. It’s a small detail and it’s ok for me now to let it be like it is now. But I just want to let you know that it has been working, unfortunately I don’t really know from wich version of Elementor on this issue appeared.
    Don’t want to bother you any longer with this issue as it’s “solved”. There may come a version when this will work again. I’ll keep on trying. ??
    Thank you for your support!

    Greets & happy Easter!

    Nicole

    @visualvision

    Hi,

    Well, it seems that you fixed it as you mention in the last reply. Unfortunately, since we do not know how it should look, we can’t help you that much as we do not know what exactly is the difference.

    Thread Starter Visual Vision

    (@visualvision)

    Hi again,

    to show you the problem:
    on this page I adjusted the -75px margin again (which I had on all pages of this website): https://vermietung-verpachtung-krippl.at/immobilien/

    Please take at look at it on Google Chrome. The text field is squeezed to the left whereas in Apple Safari it’s stretched to the whole screen. Why is that?

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘distorted display of header in Chrome and Firefox’ is closed to new replies.