wordpress resize header image for mobile

Mobile Background Horizontal Position: this refers to the horizontal alignment of the background image (you can set it to left, center or right).Or you can leave this subsection empty, if you want to use the main header image Mobile Only Image: you can select a different image to upload for the header background, when it is shown on mobile devices.Check the checkbox to enable the parallax effect. Enable parallax effect (A parallax effect consists of a slightly hidden background that stays in place, and as the foreground moves, you continue seeing the still background until the entire foreground is covering it).Background color – you can also select a color for the header background.Background Position – align the background image, according to the following options:.You can replace the header image by another any time, or remove it completely

First, upload the image you selected for the background.There are 5 different background types: ColorĬlick on Options and set the color of the background hero, as you want.Ĭlick on Options and upload an image of your choice, to set as background hero to the front page of your website. It is split into 2 main subsections: BACKGROUNDĭepending on the background type you choose, there are further options to adjust the appearance and layout of the front page hero. In this section, you are presented with a wide range of possibilities to customize the front page hero image and text. In the customizer, go to HERO -> Front Page Hero.

Wordpress resize header image for mobile