Background customization on mobile

Hello, you are on a good track, simply change the image for a background image instead of body on mobile devices like this:

@media only screen and (max-width: 400px) {
#background-image { background-image: url(‘https://146.88.234.198/~grondin/wp-content/uploads/2020/02/lou.jpg’); }
}

Ales

Ales,

Thank you for your reactivity! I tried to replace all the code with the one you sent me but it doesn’t work.
Do you know where it could have come from?

Thanks again in advance,
Maxence

Hi Maxence, oh yes, please insert this updated code, !important is required.

@media only screen and (max-width: 400px) {
#background-image {
    background-image: url("https://146.88.234.198/~grondin/wp-content/uploads/2020/02/lou.jpg")!important;
}
}

Ales,

I just tried that code and it doesn’t work either.
When I change the code snippet “(max-width: 400px)” to “(min-width: 400px)” it works but on all screens, so it also changes on the desktop.
Is this the right code to target mobile screens only ? What needs to change ?

Thank you for your feedback,
Maxence

Ales,

I just tried that code and it doesn’t work either.
When I change the code snippet “(max-width: 400px)” to “(min-width: 400px)” it works but on all screens, so it also changes on the desktop.
Is this the right code to target mobile screens only ? What needs to change ?

Thank you for your feedback,
Maxence

max-width is correct, try something like 560px or 620px since modern mobiles have higher screen ratio > 400px

Ales

Ales,

That’s exactly what it was !! Thank you so much for your feedback and responsiveness.

Another small question, is it possible to automatically program the ON / OFF switch of the coming soon page ?

Have a good end of day,
Maxence

Not really, only auto disabling is supported if you are using a CMP theme with a counter – coming soon mode can be disabled once counter reaches the specified date.

Ales

Hi Ales,

And these are paid-for features, right?

Thank you for your feedback,
Maxence

Nope, free – counter is supported by free Countdown theme.

Ales

Ales,

Okay and can you tell me how to add it or activate the option ?

Thanks again !
Maxence

Sure, check out the screen:

View post on imgur.com

btw leaving a review is always appreciated ??

https://www.ads-software.com/support/plugin/cmp-coming-soon-maintenance/reviews/

cheers Ales

Ales,

Thanks but it’s not available on my WP admin ?
>> https://imgur.com/a/fD2fXN8
Do you know where this came from?

I will take the time to leave you a review then, yes ??

Thank you for your feedback,
Maxence

You must activate Coundown theme first, to get those fields available.

View post on imgur.com

cheers

Ales,

Oh yes! Thank you very much for your return!
I’ll leave you a review right away.

Nice end to the day,
Maxence

• This reply was modified 4 years, 9 months ago by maxencegrondin.