Hi!
I want the page to have a top image covering all the screen in desktop version. As it is an horizontal image, it works well there but not in mobile, where only a part of it is shown and also covers the whole screen. I would want it to be responsive, so it always shows the whole image and, if possible, cover the whole screen.
I have put the link in the private content.
Thanks in advance.
Hey Xiscoj,
Thanks for your patience but we are not able to view your page without a login, it seems to be in draft.
But as I understand you want a full page image to show on both desktop & mobile and show the full image, since the desktop is a landscape profile and the mobile is a portrait profile you can’t show a full landscape image on mobile and have it full screen, the aspect ratio is not correct.
So you should create a new portrait sized image as your mobile image so it will show as you wish full screen and use two elements one with the visibility set to show on desktop and one for mobile.
If your not sure what I mean please include an admin login in the Private Content area and create a test page for the full screen image for desktop and link to it, and then create a new image from your original that is 425px by 768px in a portrait layout, and link to it so we can help you add the second element to show this image for mobile.
Best regards,
Mike
Hey Mike,
Indeed, that is a solution that I have not thought of in this scenario. I will do so and sure will be a solution for this matter.
Thank you Mike. You can close the thread, sorry for such a dumb request.
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike