EnFlow and CMS themes Menu bar z-index issue

When install enFlow or CMS primo theme, the top menu bar obstructs the view of any dropdowns from wordpress user menu bar on the top of the screen. If you scroll the page up using the vertical scroll bar you can reveal the wordpress user menu dropdown. I know support is ending for this product in Jan, but it would be a help if you could help. The version of wordpress i am using is 3.5 example shown in IE 9 but also same in Firefox

• This topic was modified 4 years ago by  projectmentor.
• This topic was modified 4 years ago by  projectmentor.
• This topic was modified 4 years ago by  projectmentor.

Hi there,

Try adding the following to your theme’s style.css file:

div#headbar-wrapper {
display: none !important;
}

Hi there,

Try adding the following to your theme’s style.css file:

div#headbar-wrapper {
	z-index: -1 !important;
}

• This reply was modified 4 years ago by  Bruce.

Hi, I tried both of these suggestions but they did not appear to work.

To clarify the problem, when I log into the site as admin there is a wordpress control menu at the very top of the page. When I click on the site name on the left top of the control menu the submenu choices are underneath the theme main menu.

If I use the vertical scrollbar to scroll the page, then the header menu slides over the wordpress control menu but the rest of the page, slides underneath it. Here is seqence of screenshots as vertical slider is moved down.

Notice how the horizontal menu in blue slides OVER the wp-admin control header but the site body slides UNDER the wp-admin control header menu.

First, I tried editing the style.css, file in the ..themes/enflow/enflow directory on the server. Neither one of the suggestions made a difference when I went back to visit the site. The theme still menu obstructs the wordpress header control sub menu drop downs.

Second, I tried adding your code to the theme option for custom CSS, when i tried that, each of the suggestions caused the theme menu to completely disappear from the page.

I upploaded a clean copy of the enflow theme to the server prior to trying each suggestion. What could I be doing wrong?

(Also tried making chages to ..themes/enflow/enflow/colors/default/headbar.css same results.)

• This reply was modified 4 years ago by  projectmentor.
• This reply was modified 4 years ago by  projectmentor.

Hi there. Thanks for the heads up on this thread.

Please add the following CSS to your Theme Options -> Custom CSS.

div#wpf-wrapper { position:relative; z-index:99999; }

Confirmed to work with WordPress v3.4, v 3.5+.

Solved! works perfectly thanks!