Cover image full width on Mobile

Hi @saeedr,

Thank you for using Neve.

Would it be possible to share the URL of your website so I can see the exact section where the image is not full width?

In case it’s a background image, it might not be possible to adjust it perfectly for all screen sizes due to the browser behavior on background images.

Regards,
Stefan

Hi @stefancotitosu
Thank you for your reply

Here is a test URL I’m working on
https://1stlove.ir/page-sample/

I don’t want the cover image on PC to be full screen, so I need to set 2 or 3 separate cover images for each device (desktop, tablet, mobile) and set “display: none” be CSS for those that must be hidden on other devices

I set 3 cover images, be for different devices (desktop, tablet, mobile) …
the one for tablet seems working fine
but for pc and mobile there is a gap between cover and the below block which is the gallery in my case

any better solution or shall I do this the way I’m working on?

Hi @saeedr,

Thank you for sharing the URL of the website you are working on.

I understand that you’d like to use a different image for each device, Desktop, Tablet, and Mobile. Unfortunately, I don’t know a block that allows the use of three background images for the same section.

What can be done is to use the Section block available in the Otter Blocks plugin. This way, you can create a dedicated section for each device as this block allows hiding the section based on the screen size from the Responsive panel – https://vertis.d.pr/i/aUYK1M.

I hope this will help.

Hi @stefancotitosu ,

Thank you for your reply.
I will check and let you know the results.