1 Topic by laurentsch (edited by laurentsch 2014-07-05 15:55:05)

  • Registered: 2014-04-19
  • Posts: 48

Topic: menu hidden by a Juicebox gallery [SOLVED]

Indepently of the browser (IE8, Firefox, Google Chrome or Safari), it searches the gallery but doesn't find it...

excuse-me but, as I am, since yesterday, unable to create a new discussion, could I squatte your topic to do a question ? (As I can't create a new subject, but am able to respond to an existing one ?) Or more simply, you create a new subject with the title : "menu hidden by a Juicebox gallery" (without text or very short if text required), and I answer...

  • Registered: 2012-04-24
  • Posts: 5,924

Re: menu hidden by a Juicebox gallery [SOLVED]

As I can't create a new subject

Once you have logged into the forum, go to the 'Index' tab, click either the 'Juicebox-Pro Support' or 'Juicebox-Lite Support' and then click 'Post new topic' at the top-right of the current list of posts (in the same position as in this screenshot).

menu hidden by a Juicebox gallery

If you are having trouble with your menu being obscured by your Juicebox gallery, then increase the CSS z-index property value on your menu container(s) so that your menu is always stacked on top of other elements on your web page (such as your gallery).

[Thread moved to new topic.]

  • Registered: 2014-04-19
  • Posts: 48

Re: menu hidden by a Juicebox gallery [SOLVED]

I believe that the preview is wrong (the title) but when published, it's correct !!

Anyway, about the hidden menu, I've done that in CSS : 

nav,#page {
z-index:9999;
}

but the pb is still there...(#page is the identifier of the div in which all the menu is)

  • Registered: 2012-04-24
  • Posts: 5,924

Re: menu hidden by a Juicebox gallery [SOLVED]

I believe that the preview is wrong (the title) but when published, it's correct !!

When you create a new topic and click 'Preview topic' before positing, the 'Topic subject' is not actually displayed in the preview at all. (Perhaps you are mistaking some other text of the web page such as "Preview your new topic" for the actual title of your thread.)

Anyway, about the hidden menu, I've done that in CSS :

Use the following CSS and your menu should hopefully be visible on top of your gallery:

#menu ul {
    z-index: 9999;
}
  • Registered: 2014-04-19
  • Posts: 48

Re: menu hidden by a Juicebox gallery [SOLVED]

OK for the forum, but for the CSS, what you say is effectively good (many thanks), but could you explain me why "menu ul" and not simply "menu" and also why not "page div" ?

  • Registered: 2012-04-24
  • Posts: 5,924

Re: menu hidden by a Juicebox gallery [SOLVED]

As noted on this web page:

Note: z-index only works on positioned elements (position:absolute, position:relative, or position:fixed).

Currently, in your style-menu2.css file, only the #menu ul (and #menu li) elements have been given a CSS position.

You would be able to set a z-index value on your 'page' <div> instead if you gave it a CSS position.
For example, the following should work (as an alternative to setting the z-index value on the #menu ul elements):

<div id="page" style="position: relative; z-index: 9999;">
  • Registered: 2014-08-09
  • Posts: 11

Re: menu hidden by a Juicebox gallery [SOLVED]

We've got the same issue, that menu items "disappear" as soon as you try to hover one item, that lies on the same x/y-position as the juicebox gallery title container or the gallery container itself.

I've tried to use your above mentioned workaround to put all menu items in front, but it still doesn't work:

#nav li, #nav li a, #nav ul li, #nav ul li a, #nav ul ul li, #nav ul ul li a 
{
    z-index: 9999;
}

Try menu entry "Fototouren" > "Technik" on the following site: http://hella-stroh.de/weblog/dd/juicebox-test-2/


Regards,
Hella

  • Registered: 2012-04-24
  • Posts: 5,924

Re: menu hidden by a Juicebox gallery [SOLVED]

@come_paglia

It looks like the following should work on your web page:

#nav li.menu-item  { 
    z-index: 9999;
}

9 Reply by come_paglia (edited by come_paglia 2014-10-08 09:58:34)

  • Registered: 2014-08-09
  • Posts: 11

Re: menu hidden by a Juicebox gallery [SOLVED]

It seems like I should improve my css knowledge...
Thank you for your support, it works very well!


Another question:
I know, it's not a problem caused by the JuiceBox gallery, but perhaps you have an idea and could give us a hint anyway:

W've got a problem with the navigation in sub-menus in different browsers on tablets for this site: http://www.dat-ei.de/weblog, try menu "Ei-Trip" > "Ei-Trip 2008" or even "Ei-Trip" > "Ei-Trip 2008" > "Freising".
The problem is, that you can drop-down the main menu and can see the items inside, but you cannot click / tip on one of the menu items below - the page / post / category linked in the main menu entry will be opened at once.

The settings in the Wordpress theme are equivalent to those for my site http://www.hella-stroh.de/weblog - but there the navigation on tablets is working fine...

Has anyone an idea how to fix the issue in the first mentioned site?


Thanks in advance,
Hella