Move top nav on top of header image

  • ninasaether

    (@ninasaether)


    10 years, 2 months ago

    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. http://www.advantagereklame.com

    Thanks:)

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 2 months ago

    Did you resolve this?

    Thread Starter ninasaether

    (@ninasaether)

    10 years, 2 months ago

    No, not yet. Any ideas?

    Thanks:)

    webbrewers

    (@webbrewers)

    10 years, 2 months ago

    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)

    10 years, 2 months ago

    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.

    webbrewers

    (@webbrewers)

    10 years, 2 months ago

    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)

    10 years, 2 months ago

    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.