Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #814030

    JS_Marketing16
    Participant

    Hi,

    I would like to add a header to my blog page. I have looked around and noticed that some of the answers say this is outside of your development while others say it can be done in the functions.php

    I want it to have the same header as all of the pages besides the home page.

    Can you please advise how I would do this? This is pretty much the last thing I need before the site is launched.

    site is jobscience.co.uk
    would want a similar header to jobscience.co.uk/recruitment-software

    Thanks

    #814490

    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in!

    To add a custom blog header to your blog page, please check out this topic: https://community.theme.co/forums/topic/adding-elements-to-my-blog-help/#post-274734

    Hope this helps.

    #814926

    JS_Marketing16
    Participant

    This is great, is there a way to do this with cornerstone?

    Thanks

    #815279

    Rad
    Moderator

    Hi there,

    It’s not possible. Should be done exactly as the provided procedure. And cornerstone will not work on the blog, a blog is WordPress’s page and not a standard page where you can edit with the cornerstone.

    Thanks!

    #817274

    JS_Marketing16
    Participant

    Okay thanks.

    I’ve gotten it to add the header via Visual Composer but any element I add shows up below all of the blog posts. Any way to adjust this?

    #817703

    Friech
    Moderator

    Hi There,

    I’m afraid that would required a custom development which would fall outside of the support we can offer. Please follow the suggestion on the post provided above instead.

    Thank you for understanding.

    #818036

    JS_Marketing16
    Participant

    Hi,

    Okay I did follow the provided steps but I still seem to have the same issue. If I can’t get the proper blog header is there a way to just have my alt nav menu appear fixed at the top of the screen instead?

    The reason why I want the header is because the nav bar is transparent and the logo is white when you scroll to the top of the screen.

    #818081

    Paul R
    Moderator

    Hi,

    Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

    #820890

    JS_Marketing16
    Participant

    This is what I would like to accomplish. Attached is an image of the headers on all of my other pages done with cornerstone. As you can see it is a image background with custom headline on top.

    You will also notice that when the screen is scrolled to the top it is transparent with white logo and text, but when you start scrolling the nav bar turn white and logo color and fonts change.

    I would like to get this header if possible through visual composer.

    Next option would be to have the white navbar with colored font and logo show up when the page is scrolled to the top since the background of the page without the header is gray or white and you can’t see the logo or text.

    Let me know if this makes sense.

    #821257

    Rue Nel
    Moderator

    Hello There,

    Based on the suggestion in the topic we have pointed out, you can add a header to your blog page by using this following code in your child theme’s functions.php file.

    // Displaying Post Content on Blog Page
    // =============================================================================
    function add_cs_content () {
    
      if( is_home() ) {
        $post = get_post( get_option( 'page_for_posts' ) ); ?>
        
            <?php echo apply_filters( 'the_content', $post->post_content ); ?>
      
      <?php }
    
    }
    add_action('x_before_view_integrity__landmark-header', 'add_cs_content');

    And make sure that you edit you blog page in Cornerstone first to add your custom header.

    http://prntscr.com/aaj0ea

    Hope this would help.