Header Image with Transparent Menu

I am trying to figure out how to make the transparent menu work on blog pages. The transparent menu shows up well on all content pages since we're able to set a background image or row to fill in the space, but we can't seem to figure out how to set the featured blog post image as the header image.

Do you have any suggestions for this so we can keep the transparent menu but make it work?

Here's an example post where it's not displaying as we'd like: 

Comments

  • Hey,
    you cannot have the featured image as the header image but you can edit the single post and actually set the header image, there is a field for that in the page options.
    thanks
  • edited May 2018
    I have the header image turned on and have selected an image but it doesn't seem to be working.

    Does every post need to be edited with Visual Composer for this to work?
  • There is no option for turning on the header image. In single posts you can show/hide the: subheader or featured image.
    We do not know what exactly you would like to achieve. Could you give us some examples, screenshots?
  • I'm trying to figure out how to create a header image on my post pages so the image provides for the background behind the navigation, similar to the home page or sub-pages at www.thefunctionalnutritionsinstitute.com.

    With this transparent header style, the content begins right at the top underneath of the logo. I would like to fix this.
  • To display the header image you have to change the minimalist option in theme options>header so the header actually shows, because now you have a subheader image.
    Even if you enable it, all images in the single posts and categories will be the same as the main blog page, there is no option to change the individual header images for single posts.
    thanks
  • It sounds like that option would work for me since I don't need a different image for each page, just something to fill out the header.

    I am making some progress with it by just turning off the sub-header on other pages. I am having an issue now with the logo showing up inside of the header on post pages: https://thefunctionalnutritioninstitute.com/2018/03/07/wordpress-resources-at-siteground/

    I adjusted the header height to match the logo (55px) but it did not help. 

    Thanks again for your help.
  • Okay but you have selected a transparent header in theme options>global>general so there will be no background for it.
    thanks
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.