Please take a look at https://www.option-webdesign.nl
On a desktop screen you see that the picture with the different screen sizes is partially on top of the “blue” background image.
But when you look at this page on a mobile screen you can see that the image is now under the “blue” background image, instead of partially on top of it.
Before the Enfold update 4.8.6 this was not the case: on both desktop view and mobile view the image (with the different screen sizes) was on top of the blue background image.
Please take a look at:
It looks fine on a desktop screen and on a mobile screen, no problems.
But please also take a look at this test page I set up with Enfold 4.8.6:
https://wordpress-588013-1965084.cloudwaysapps.com/
Now when you look at this page at a mobile screen you can see that the image with the screens and watches is displayed under the blue top image, instead of on top of the blue image.
The Enfold demo is running version 4.4 it seems (?) and my own example is running Enfold 4.8.6
It seems that the Enfold update 4.8.6 is the cause of this issue.
How to solve this?
Thank you for your help :)
don’t know why this happens – you can avoid it by quick css:
.responsive #top.page-id-206 #av_section_2 .flex_column:first-of-type {
margin-top:-450px ;
margin-bottom:100px;
}
That worked, thanks a lot :)
Alwin
Hi Alwin,
Great, I’m glad that you got it working. Thanks @guenni007 for helping out :-)
Best regards,
Rikard