Header background images moving and changing size

  • Resolved wordzebra

    (@wordzebra)


    2 years, 9 months ago

    When viewed on the mobile phone with Firefox, the page is all right, but when viewed with Chrome, it does something strange:

    As you scroll down, as soon as you reach the “Training” section, the background image moves and changes size.

    It does something similar in the last section “Get in touch”, which might be caused by another reason because I noticed that if I select “disable footer” for the whole page, there still remains a stripe with the page background at the bottom instead of it which I think disappears and reappears when scrolling up and down.

    So what is the reason for the picture moving/changing size and how to fix it?

    And how to remove that remaining line behind the footer?

    Here is a copy of the page with the footer:

    https://www.test1.makeherdream.com/current-1

    And here’s one without:

    https://www.test1.makeherdream.com/current-1-no-footer/

Viewing 3 replies - 1 through 3 (of 3 total)
  • AC

    (@purplecodes)

    Themeisle Support

    Hi @wordzebra,

    Thank you for reaching out.

    I tested both sites in mobile using a Chrome browser, with footer and the one without, on the Training section – the background image are not moving.
    https://vertis.d.pr/8Sl84R

    Can you provide us a screencast on how is the issue appearing on your end?

    Thread Starter wordzebra

    (@wordzebra)

    Hi @purplecodes,

    Thank you for your reply!

    I will have to install such an app on my phone if it’s necessary and search for somewhere to upload the files. Literally, what is happening is:

    – when scrolling up or down, the image moves a little bit and it seems that it becomes either aligned to the top or to the bottom of the phone screen depending on how far one has scrolled

    – at the same time, it becomes a little bit larger or smaller some of the times, but not always – it depends on how quickly one scrolls

    It is strange it doesn’t happen on your phone, and also on mine when I use Firefox, but one friend pointed it out to me, so it happens on his phone, and also on mine when using Chrome.

    Hope we can figure out what causes that from that description, I will have to do the cast later if it’s necessary.

    Hi @wordzebra!

    I checked your site and I was able to see what you are referring to, but this issue seems to occur on your site only on Android devices. However, it doesn’t occur on my test instances, so it’s not related to the theme itself. Some of the background images you use on your site are too small, they are 640×420 px in size, so this may cause the issue. The background images should be larger.

    I hope this helps!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Header background images moving and changing size’ is closed to new replies.