Hey there... love y'alls work...

When I have admin menu enabled, it is moved down about 60 pixels from the top... Looks like the top bar and admin menu are fighting it out.

If I comment out some element starting line 1915 of app.css and then change one line in admin toolbar css it makes it usable but you lose the fixed position that is kewl plus upgrading becomes a pain.

/* Wrapped around .top-bar to make it fixed at the top */
.fixed {
width: 100%;
left: 0;
/* position: fixed; */
top: 0;
/* z-index: 99; */
}

Any ideas on how to get them to play together nicely? Thanks!

Comments

grip media’s picture

StatusFileSize
new30.07 KB

Here is screenshot...

abelb’s picture

Try modifying the top: 0 in the .fixed class.

I just tested it out with the admin_menu module installed and I had to change the top position to 27px.

We do not use the admin module, we just add the management block to the topbar menu. Not exactly the same functionality. Let me know if that works for you.

jgraham’s picture

StatusFileSize
new78.13 KB
new62.99 KB

For more details on the topbar menu block (requires zoundation_support);

Place the "Management (topbar)" block into topbar_left you get the admin menu.
Adjust the "Zoundation" settings for that block, I use "Menu depth" 2 and "Render flat" unchecked.

See attached;

grip media’s picture

Thanks for the tips guys!

abelb’s picture

per our conversation, also modify body.admin-menu to 47px or whatever works best

Yorgg’s picture

#3 Didn't work.
The only menu that shows dropdown is with the Devel module.
I also tried the other menus and topnav right combination and didn't workout either.
I have notice that the gear doen't shows up.
All the zoundation support modules are enabled.

Yorgg’s picture

Issue summary: View changes

took out duplicate language