Home › Forums › Basel support forum › Error: Sticky Header on mobile version

Error: Sticky Header on mobile version

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • September 5, 2018 at 2:01 pm #75634

    Maikel
    Participant

    Hello,

    My website uses your ‘Sticky Header’ function and this works great!

    But I see an error…

    As soon as I activate your Sticky Header function I get two images under each other on my single product page (mobile version).

    Hopefully you can solve this.

    Thank you very much!

    Kind Regards,

    Maikel

    September 5, 2018 at 3:17 pm #75662

    Elise Noromit
    Member

    Hello,

    Please provide the screenshot of the problem, I am checking the product page on mobile and cannot catch the problem. Also, provide product URL.

    Best Regards

    September 25, 2018 at 8:56 am #78859

    Maikel
    Participant

    Hi support,

    Here I have tree screenshots of the problem (see images).

    Thanks for your help!

    Best regards,

    Maikel

    September 25, 2018 at 9:02 am #78861

    Maikel
    Participant

    Sorry, view one image here.

    Attachments:
    You must be logged in to view attached files.
    September 25, 2018 at 11:59 am #78905

    Elise Noromit
    Member

    Hello,

    Now I see the sticky header is OFF, Please provide your site admin access.

    Best Regards

    September 25, 2018 at 1:46 pm #78941

    Maikel
    Participant

    See private content.

    September 25, 2018 at 8:18 pm #79023

    Artem Temos
    Keymaster

    We don’t see this problem on your website now. Could you please send us a direct link?

    September 27, 2018 at 11:26 am #79426

    Maikel
    Participant

    Hello,

    For example: https://www.supertuin.nl/product/teleskop-baumschneider-starcut-410-plus/

    Please view this link with a real mobile phone.

    Best regards,

    Maikel

    September 27, 2018 at 11:39 am #79429

    Elise Noromit
    Member

    Hello,

    What steps should I take to reproduce the problem? I am checking on the real mobile device I do not see any problems.

    Best Regards

    September 27, 2018 at 12:20 pm #79438

    Maikel
    Participant

    Hi support,

    Navigate to a random ‘single product page’ on your mobile phone.

    On my iPhone 7 I get to see two product images instead of one.

    When I deactivate the sticky header function, I see one image again.

    Very strange!

    Best regards,

    Maikel

    September 27, 2018 at 12:57 pm #79443

    Elise Noromit
    Member

    Hello,

    Now your header is not sticky that is why the problem is not reproduced.

    Enable the sticky header.

    Best Regards

    September 27, 2018 at 2:18 pm #79454

    Maikel
    Participant

    Sorry, the sticky header is activated again!

    Please view again.

    Best regards,

    Maikel

    September 27, 2018 at 2:45 pm #79469

    Elise Noromit
    Member

    Hello,

    Please provide your site admin access and FTP

    Best Regards

    September 27, 2018 at 3:22 pm #79484

    Maikel
    Participant

    Hello support,

    September 27, 2018 at 6:14 pm #79503

    Artem Temos
    Keymaster

    Try to add the following code snippet to the Custom CSS area for mobile devices only in Theme Settings to fix this issue.

    [role="presentation"] {
	display: none;
}
    September 29, 2018 at 9:03 am #79780

    Maikel
    Participant

    Hi,

    Great support, thank you very much!!

    Best regards,

    Maikel

    September 29, 2018 at 12:17 pm #79789

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)

The topic ‘Error: Sticky Header on mobile version’ is closed to new replies.