[Resolved] Header issue

[Antonio]

Hello
I can’t get a fluid fullwidth header into this page:
http://www.uaragniaun.com/2016/chi-siamo/maria-moramarco/

it works fine in home
http://www.uaragniaun.com/2016/

these are the settings:

must I check something else?

[Tom]

The one that’s not working looks like a single post.

By default, single post page headers display within the content area.

To change this, go to “Customize > Page Header” and adjust the “Single Post Page Header” option to “Above Content Area”.

Hope this helps 🙂

[Antonio]

it is already above

[Tom]

Ah, you’re using just a static image – so the settings in the “Content” tab don’t apply.

Those settings only apply if you add content.

To force the static image to be full width, add this CSS:

.page-header-image-single.grid-container {
      max-width: 100%;
}

.page-header-image-single img {
    width: 100%;
}

[Antonio]

Thanks.

[Tom]

You’re welcome 🙂

[Rosaleen]

Hi Tom, just a quick question I have the same issue as Antonio but I am not sure where to put the code – I went into content.php and I inserted the code but nothing happened I wasn’t sure where to put it either – sorry not used to touching anything in the editor section.

[Tom]

No worries! This article explains some of your options for adding CSS: https://generatepress.com/knowledgebase/adding-css/

Let me know if you need more info 🙂

[Author]

Posts