Help Needed w/ Text Overriding Images

[Shuugo]

Hello Theme.co folks,

I need your help with an error I can’t solve on my website, which currently runs X. There is a line of text on the homepage not behaving as intended and overriding an image. I believe the error could be related to what is being reported on this topic: https://theme.co/apex/forum/t/urgent-uncaught-error-call-to-undefined-function-x-get-stack/36137/4

…and I also believe this same error explains some of the “rollbacks” I seem to have on my website every now and then. Elements randomly fall out of place, like the bag illustration at the top of the homepage. I usually proceed to talk to my development team, they fix it but then sometime later the same error is back even though in the meantime no one touched the website and no updates happened to the platform, plugins or anything.

Could you please lend me a hand with this error? An explanation of what is happening would also be highly appreciated. This is the first time we see such a problem and can’t solve it, but we’re relatively sure that it has happened before, potentially due to the same cause (which is something that just occurred to us now). I will post my credentials in a private note.

Thank you!

[mldarshana]

Hi There @Shuugo

Thanks for writing in! I have checked your site, but I could not identify the issue that you have tried to explain. Could you please provide us with a screenshot along with the browser and the version that you have testes, so that we should be able to assist you with a possible workaround.

Thanks!

[Shuugo]

Hey @mldarshana

Thanks for your quick reply!

The issue I mentioned is happening on the homepage. There is a part of the text on the first content block overriding the image of the red backpack on the right. That’s not supposed to happen. The part of the text that is “bleeding” starts on “customer journeys with our Starter’s Toolkit to…”. I have attached a screenshot as well.

Sorry for the confusing explanation — please let me know if the issue is understandable now and thanks for the support!

EDIT: I forgot the browser and version part. This happens in all browsers I have tested, but for reference, the screenshot I’ve attached was taken with the website open on Chrome Version 67.0.3396.99 (Official Build) (64-bit).

[mldarshana]

Hi Shuugo,

Thank you for the information provided. Basically I have tested your issue on both Chrome Version 67.0.3396.99 (Official Build) (64-bit) and Firefox, but I could not experienced such issue. I have checked on different device sizes as well.

Could you please try clearing your browser cache and re-test this issue again. Also is there a specific device that you’re using like a tablet ?

Thanks!

[Shuugo]

Hi @mldarshana,

That’s interesting — I have already tried to clear the browser cache multiple times, the issue has also been tested and verified in many different computers. The bug appears no matter what combination of operational system and browser is being used. I only tested this issue while using a 1920x1080 resolution though - maybe this is the reason why you can’t see it?

I haven’t tested it in a tablet. The bug doesn’t seem to appear in any way on the mobile (cell phone) breakpoints of the website either.

Please let me know if I could provide you with any other information that would assist in solving the problem.

Thanks!

[rad]

Hi @Shuugo,

The cause of that issue is this custom CSS

@media screen and (min-width: 1796px) .s1 div:first-child { width: 92% !important; height: 97% !important; }

You’re forcing the first child of .s1 class, that first child is the first column and applied to 1796px and above (which means applied to 1920px screen too). And s1 class is added to that section. Please remove s1 class or that custom CSS.

Thanks!