Featured image after adding a css code

Illdy
1

Hi :slight_smile:
My website: http://brandinghuset.com/
I used a gif (1900px x 820px) as a background image in jumbotron section. But the gif was not responsive in mobile devices, I put a post with this problem and your team gave me this code:

@media screen and (max-width: 1000px) {
#header .bottom-header {
padding-top: 0px;
padding-bottom: 0px;
}

#header.header-front-page {
background-size: contain !important;
}
}

Which solved the problem BUT now the different features images from pages (under “Projects”: Flyers, Brochures, Websites, …) are displaying under a general photo (attached file) and the previous photo is now located just under. (Attached file)

If I delete the Blog Archive Header Image…Appears a big space on white and the photo that I want to replace the general photo still under instead of up as I have it before! ?

My question is: How can I delete the feature image of every page (under projects) or just have the same featured image in every head image again???

Thank you so much for your help!!!

2

HI sylviajannet

Sorry, but such a long question (Story) makes your question even more complicated :smiley:
Simply, use this template:
i want to change this “thing” on this page “url here”

3

Hi,
Thank you for your mail :slight_smile:

The different featured images of every page does not display in the right place but under a general photo.
And this happened after you (one of your colleges) gave me a code which helped to do responsive my gif in desktop - mobile at frontpage.

I want the featured image display at the top of every page :slight_smile:

Thank you so much for your help!!!

4

hi

OK, if you think the code is problem we can update it so that it will work only on homepage:

@media screen and (max-width: 1000px) {
.home #header .bottom-header {
padding-top: 0px;
padding-bottom: 0px;
}
.home #header.header-front-page {
background-size: contain !important;
}
}