Archived topic

Viewing issues with mobile devices.

5 replies · Started by Domenico on January 2, 2021

Viewing posts 1–6 of 6

January 2, 2021 at 11:45 pm #1603400

Hi everyone, happy new year and best wishes.
I am having display problems with mobile devices that have been reported to me by some visitors and friends.
Basically, both from smartphones and tablets, if you scroll horizontally from right to left the image instead of remaining fixed, is replaced by the background image. Same thing when navigating through the various menus. For convenience,i uploaded two screenshots to make the concept clearer.
How to fix this annoying error? Thank you for the reply.
Best regards.
https://ibb.co/HYyGkLd
https://ibb.co/JWJXMgR

January 3, 2021 at 6:03 am #1603578

Hi there,

there is an

element in your content that has ID of gtx-trans - i am not sure what its purpose is ? But it is causing the issue that allows the page to be scrolled horizontally.

January 4, 2021 at 9:11 am #1605249

Hello David,
thanks for tour quick reply, but form me in not clear what can I do for resolve issue.

I already tryed to:

- Diasbled all plugins -> problem not fixed
- Removed header image -> problem not fixed
- Removed background image -> problem not fixed
- Deleted custom CSS -> problem not fixed

By the way,
the issiue could be fixed if setting left:0 of gtx-trans (simulation from browser) but I've no idea to find gtx-trans class into CSS (class doesn't seem to exist); maybe I have to set it from template ?

Thanks again for your help.

January 4, 2021 at 2:46 pm #1605567

I don't know what gtx-trans does - but you can use this CSS to move it and stop the scroll issue:

#gtx-trans {
    left: 0 !important;
}

January 4, 2021 at 2:58 pm #1605581

Awesome!

Thanks a lot David, the issue is solved.

Greetings
Domenico

January 4, 2021 at 3:44 pm #1605648

You're welcome

This archived topic is closed to new replies.

Start building better websites today.