Embed navigation - missing or collapsed background? Help!

Design help General
1

Hi guys,

I’ve come across a problem with using an embedded header navigation. Ok it’s not specifically a Webflow problem, but I’m really helping someone can shed some light on this for me.

I built a css dropdown menu to embed into a webflow project. Outside of webflow it works fine, exactly as it should. However, once in webflow and exported or published, it falls apart. I’ve fixed the majority of the issues (conflicts with the webflow.css), but the most important one is driving me insane - the fact the the Navigation background colour is not appearing, or has collapsed.

I’ve tried removing the floats, adding clears, overflow etc etc etc, nothing seems to work.

This is what it SHOULD look like:

1453×420 96 KB

and here is the test version on my server: MACI test site

Any ideas as to why this is happening?

Thanks :slight_smile:

2

it’s always something stupidly simple isn’t it!!

position: relative on the the header…

3

Is it alright now? I see nothing wrong :smiley:

Just 1 thing, as you may noticed you may want to put your navbar inside (webflow) container if you expect to have same result as your given pict.

4

Yes all fixed now. Unfortunately I couldn’t use the webflow container because I’m making it a 1200px wide screen version first.