[Pro] Submenu hidden behind div with Exhibeo import

I’m not going to try and work out where you are going wrong here-- just what is wrong.

Freeway items have Names… Freeway uses these names to make an HTML tag attribute called an ID. If you look at the HTML code, you will see everywhere in the output these

<tag id="name"…

Notice that the id’s correspond to the names of things in Freeway… that is not a coincidence.

PS, if you already know this then you’re just wasting my time.

When you look at the CSS code for your page, id values are preceded by the # symbol, as in

#name

and the name of your container with the CSS menu in it is

#navigation

and it does indeed have the z-index property with a high value attached to it. The problem, though, is there is another style in the code

#navigation.f-ms

which is the same item on the master page. It, you can see, has a z-index value of ZERO. This master page style has greater “specificity” a CSS term which just means the browser will ignore all lesser specific forms of that selector are ignored for those properties.

The navigation item is inside of another item, navigation wrapper… you can use the hierarchical list of the page contents window at the left to find the item (on the master page of course).

If you are still unsuccessful, then try writing a more specific version of the style-- that will also solve the problem, albeit in a less orderly manner. The most specific selector for that item would be

div#navigation.f-cf.f-ms

The .f-cf is from the Clearfix action and .f-ms is again a master page item designation. The div at the front just designates the type of item it is.

You can also try adding !important after the z-index value wherever you are adding it. Guaranteed, that is the sloppiest way to fix this.

Best of luck.


freewaytalk mailing list
email@hidden
Update your subscriptions at: