Page objects alignment

leeakers11 · March 2020

Hi, I've had a similar problem to this with this discussion: https://forum.muffingroup.com/betheme/discussion/49850/images-liningn-up#latest

Basically when I first load the homepage the images are overlapping with each other and blocking out text. When I refresh the page it's fine, but on first loading the page it errors out. I've attached a before and after mockup. The website is https://bonnyandclyde.co.uk.

Thanks

Pablo · March 2020

Hello,

Did you try to paste the code which is visible on this topic you sent into the Theme Options > Custom CSS & JS > JS ?

It should solve the problem.

Thanks

leeakers11 · March 2020

I have done that yes, but it's not solved it unfortunately.

Pablo · March 2020

Can you clear your browser's cache?

As I can see it's working fine, like the "After" image.

Thanks

leeakers11 · March 2020

Okay thanks, I'll see if that works. Thanks for the help.

leeakers11 · March 2020

Hi, even after clearing my cache, I've just loaded up the page again and it's still not displaying clearly, sorry.

Pablo · March 2020

Please tell me, on which browser and on which resolution that issue appear?

Also, which OS are you using?

I tested it on firefox on several resolution, and it works fine:

https://prnt.sc/rhmiei

Thanks

leeakers11 · March 2020

I'm using Firefox 74.0 on a Mac OS X Catalina 10.15.3

Pablo · March 2020

Hey,

Please send us WordPress dashboard access privately thru the contact form which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

Notice!
Please attach a link to this forum discussion.

Thanks

leeakers11 · March 2020

Okay, done that, thank you

Pablo · March 2020

I attached one second delay to trigger that function and it looks like fixed.

Can you test it?

Thanks

leeakers11 · March 2020

That does seem to have worked yes! Will the one second delay slow down page load time?

Thank you for looking at this

leeakers11 · March 2020

Ah, I've just reloaded the page an hour or so later and unfortunately it's doing it again, the pictures are misplaced.

leeakers11 · March 2020

It also does it on the"Our Story" page

Pablo · March 2020

It looks like the problem is related to the "Smush" plugin (is not supported by us) which provides the lazy load which makes that problem.

After disabling it and waiting few minutes (probably some cache on server) it works fine.

We tested it on few devices and it looks proper even without the JS code.

Thanks

leeakers11 · March 2020

Ah great, well done for finding that out, I appreciate the help, I'll disable the plugin now.

Page objects alignment

Comments