• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Show image banner after header Atmosphere Pro

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Show image banner after header Atmosphere Pro

This topic is: resolved

Tagged: Atmosphere Pro

  • This topic has 1 reply, 1 voice, and was last updated 3 years, 8 months ago by julian_s.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 27, 2019 at 1:17 pm #491364
    julian_s
    Participant

    Hi, I created the following hook to add an image after the header:

    add_action( 'genesis_after_header', 'add_innerpage_banner');
    
    function add_innerpage_banner() {
    
    if(!is_front_page())
    
    echo "<img src='/wp-content/uploads/2019/05/banner-aboutus.png' alt='banner' />";
    
    }

    The hook fires but the image is behind the header, lining up at the top of the page.

    So the html is after the hook:

    </header>
    <img src="/wp-content/uploads/2019/05/banner-aboutus.png" alt="banner">

    But the image is actually at the top of the browser behind the header, and is not visible. I believe there is some jquery or javascript controlling the header height. Any solutions to get the image to show below the header.

    https://csca.m2pvqav3-liquidwebsites.com/about-the-csca/
    May 27, 2019 at 6:19 pm #491369
    julian_s
    Participant

    I realized the site-header is fixed. I made postion:relative and it solved my problem.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Show image banner after header Atmosphere Pro’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble