Move top nav on top of header image

  • Hi, I have created a child theme of twenty twelve with a second navigation. I would like this navigation to float on top of the header image. Is this at all possible and if so, how? Any ideas.

    You can view the site and navigation here. https://www.advantagereklame.com

    Thanks:)

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Did you resolve this?

    Thread Starter ninasaether

    (@ninasaether)

    No, not yet. Any ideas?

    Thanks:)

    If you mean literally to float on top of the header image, you’d have to take it out of the normal doc flow and position it absolutely. Won’t that obscure the image though and look odd?

    Thread Starter ninasaether

    (@ninasaether)

    Yes, literally:) If you look at the site there is white space in the middle of the header image. I would like to place the navigation on top of this white space if at all possible.

    What I have tried so far only pushes the header image further down, any ideas are welcome. I′ll try positioning it absolutely.

    Thanks.

    I see what you mean. This should be close:
    #menu-second-menu{position:absolute;top:200px;left:32%}
    But you will have then to figure out what to do for different screen sizes…..
    If there’s nothing in that space, you could also try a relative position.

    Thread Starter ninasaether

    (@ninasaether)

    THANK YOU:)

    It worked perfectly, just what I needed:)

    I’ll figure out the screen sizes, hopefully;)

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Move top nav on top of header image’ is closed to new replies.