Docs

[happyben]

Hi,

the images in the background are mobile to short. Is there a reason or is there a need for other images?
Perhaps the upper image is ok but the image below with the soccer player is on mobile device too short. You can check it here:

Home

Wordpress 4.6.1
URL: https://fussballtreff-regensburg.de/

Thanks for your help, Benjamin

[Friech]

Hi There,

Thanks for writing in! Create a portrait oriented version of your background image and lets switch it when the site is viewed on mobile with the Custom CSS below.

@media (max-width:  480px) {
	.home #x-content-band-2 {
		background-image: url('IMAGE URL HERE') !important;
	}
}

You can add this under Custom > CSS in the Customizer.

Hope it helps, Cheers!

[happyben]

Hi,

i put the custom css and the url of the image in my page.

But what du you think abount “portrait oriented version”? Can i switch another resolution to both images? If that is possible please give me a new resolution for the images or is there a link where i can read that?
It it isn’t possible i have to find new images, right?

Thank you for your help.

Benjamin

[Paul R]

Hi Benjamin,

The code provided above will let you swap image on mobile.

You can try any image that is in portrait orientation like this.

http://photo.etherdox.com/blog_images_2014/2014_08_14/East-Mountain-Albuquerque-senior-portrait-soccer.jpg

The code will look like this.

@media (max-width:  480px) {
	.home #x-content-band-2 {
		background-image: url('http://photo.etherdox.com/blog_images_2014/2014_08_14/East-Mountain-Albuquerque-senior-portrait-soccer.jpg') !important;
	}
}

Hope that helps.

[Author]

Posts