[Jan Terpstra]

See our website http://www.almeersefotoclub.nl

When buiding a homepage I use from top 3 sections:

• a header media section with menu, image and welcome message
• a services section with 3 services
• a main content page with news-slider

The image in the header media is 1920 X 1080 pixels and when modifying this section it is shown completely, with services and main content also correctly.

But when everything is saved and i start the website the header image is shown incompletely: at the bottom there is about 100px less height shown. This is very annoying.

Anyone any idea what may cause this issue?

Thanks in advance

[sujeet]

Hello @terps001,

It’s done to match the screen view port and made the height of the image cover all screen. So the images can be cut off from sides a bit. So for the image that you have used, you can try adding the following css code, which will solve a bit to show the image in a correct way.

.custom-header .wrapper:before {
   background-position: 80% 70% !important;
}

Let me know if this worked for you. Thank you.

Regards,
Sujeet

[Jan Terpstra]

Hi Sujeet,

thanks, it solved my problem

Much appreciated!

Regards,
Jan Terpstra

[sujeet]

Hi Jan,

I’m glad to hear that it worked for you. If you like the theme and our support, then I have a quick request: Could you please leave a review?

https://wordpress.org/support/theme/bold-photography/reviews/#new-post

Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated.

Thank you.

Regards,
Sujeet

[Author]

Posts