Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

[Resolved] Background image behind sticky menu

Home Forums Support [Resolved] Background image behind sticky menu

Home Forums Support Background image behind sticky menu

  • This topic has 1 reply, 2 voices, and was last updated 5 years ago by Tom.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #241434
    Max

    Hey Tom

    A good while back you gave me the following code that extends the background image behind the main nav:

    .main-navigation:not(.navigation-clone) {
        background-color: transparent;
        position: absolute;
        width: 100%;
        top: 0;
    }

    With my latest dev, I have the header hidden across all of the site. At the top of each page is just the sticky menu (it includes the site logo).

    I am currently using the page header function to insert a full width background image on what is going to be the home page. I tried the above code (including page specific ID) but it did not work. What code do I need to extend the page header background image up so that it is behind the sticky menu (which is at the top of my screen).

    Kind Regards

    Max

    #241466
    Tom
    Lead Developer
    Lead Developer

    If you’re using the Page Header, you can use the “Advanced” section in the page header meta box to merge the header/nav with your page header area.

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