[Support request] Image Slider as Header

Home Forums Support [Support request] Image Slider as Header

Home Forums Support Image Slider as Header

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #705516
    Tony

    Forgive my ignorance please, new to all this terminology and web site creation.
    I would like to place an image slider as the site header. I currently have metaslider as a widget.
    How to I get this or any image slider as the header, which I would simply like to have as standard across each page.

    GP Premium 1.7.2
    #705548
    Leo
    Staff
    Customer Support

    Hi there,

    I believe our Header Element and Page hero would be what you are looking for:
    https://docs.generatepress.com/article/header-element-overview/

    You can see some examples here:
    https://docs.generatepress.com/article/page-hero-examples/

    Slider shortcode can be added in page hero content.

    Let me know if this helps πŸ™‚

    #706087
    Tony

    HI, thanks for the reply, and sorry for what are basic questions.
    I have now worked out that there is a “site id” and a site header. I guess i am trying to get the side id, then the site header below, and then navigation below the header. But if i remove the side ID, i get a small white section, then the navigation, then the slider content.
    I have placed the slider in the page hero section as described, but no matter what i do, the navigation will never go below the slider, even when selecting “below header” in the elements.

    Is this because of sizing, or container width or something that i have set up?

    Is there a way to have the slider as the side ID, or remove the site ID section and have the slider on top of the page, with navigation below?

    #706092
    Leo
    Staff
    Customer Support

    I’m not quite sure what you mean?

    Can you show me what you have so far and the final look you are trying to achieve?

    The link you provided in the original topic isn’t working.

    Let me know πŸ™‚

    #706118
    Tony

    its at http://www.jkawongapark.com.au

    Where the slider is currently, (albeit the wrong size), the menu sits above it. Then above the menu there is a white space.
    I initially had a logo in this white space, which was in the Site Identity section.
    All i want is the image slider where this white space is, and the menu below this.
    Basically i want an image slider at the top of each page, with my navigation buttons below then my content.

    #706151
    Leo
    Staff
    Customer Support

    In that case, there should be an easier solution:

    – Remove the page hero completely.

    – Create a new hook element:
    https://docs.generatepress.com/article/hooks-element-overview/

    – Add your slider shortcode in the content

    – Select before_header_content in the Hook dropdown

    – Check Execute Shortcodes

    – In Display Rules tab, under location, select Entire Site.

    Let me know πŸ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.