CODEWITHSUNDEEP
csswordpressoverflowzurb-foundation
A. Steenbergen
A. Steenbergen

Reputation: 3440

How can I overlay an image in a fluid layout (zurb foundation)

I am trying to position an image inside a wordpress menu bar so that it is shown at the home-buttons position but overlaying all other content (see images) The theme is based on Zurb's Foundation framework

What I got: enter image description here

How it is supposed to be: enter image description here

(The home-button will be smaller horizontaly in the end)

I already tried overflow:visible and then repositioning the image with margins, it did not work unfortunately, because the image still gets clipped.

You can see the code in action, with source on this page: [removed]. I think its easier this way, so you can see all the css in action.

Thank you very much for all answers!

Upvotes: 1

Views: 542

Answers (1)

Deharlan
Deharlan

Reputation: 32

You get this result, using in the image 

position: relative;
z-index: 99;

Upvotes: 1

Related Questions