Hi,
Love the theme - it is just what I was looking for. One bug I have run into is that the drop down menu hides behind a frontpage slideshow block when I insert near the top of the page (either the headline or middle block region).

If anyone has any ideas on how to fix this, you are going to make my weekend. I have attached an image to illustrate the issue.

Thanks again for the theme.

Rob

CommentFileSizeAuthor
#1 hidingmenu.jpg165.77 KBluckyday13
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

luckyday13’s picture

FileSize
165.77 KB
NaheemSays’s picture

Status: Active » Postponed (maintainer needs more info)

Try creating a local.css file (you may need to clear the theme cache too) and in there give add something like:

#page-bar li li {
z-index:1;
}

and replace the one with increasing numbers til it works right. Or style the slideshow element with a lower (negative) z index to force it lower.

If that works, let me know what values did.

luckyday13’s picture

Thanks for the comment. So far no luck, but I thought I better double check where I should place the local.css file? Does that go in the Theme folder, Sited Folder, or Drupal root?

NaheemSays’s picture

in the theme folder. and try really large numbers for the z-index. maybe 100 or 1000. (or the negative of those, just incase I got the weighting system wrong)

luckyday13’s picture

As you identified, Z-index is definitely the solution. While I was unable to get the local.css file working (no doubt something I am doing wrong), I managed to get the menus visible. In the end, using my cheat program (Stylizer), I tweaked most of the #page-bar tags in the style.css by adding a z-index (value set to 1000). While this worked, I am interested in getting the local.css file working properly so I don't have to go manually update the style.css every time there is a theme update.

FYI, I did try adjusting the Frontpage Slideshow as well by adding a negative z-index, but I could never achieve a bug-free result. Usually the container would disappear.

If I manage to figure out what I am doing wrong with my local.css, I will post some info.

Huge thanks!

NaheemSays’s picture

Going back to the local.css problem - what exactly have you tried?

I think what you need to do (at a maximum) is:

1. Place the local.css file in the arthemia theme directory.
2. Go to admin/build/themes (optionally, you may also go in to configure the theme and click save).
3. Go to admin/settings/performance and clear the cache.

Now if your css is NOT aggregated, then have a look at the page source and you should see that the local.ss file is being pulled in.

If it is and the css changes are STILL not taking hold, try adding !important to the relevant places to give them even more precedence.

NaheemSays’s picture

I *may* have fixed this with the last commit to CVS which should show up in the next dev release.

Please let me know if it does fix it?

rubenvarela’s picture

Ok,
The site I'm working with, the one using this theme, has a small slideshow. I'm using Dynamic Display Block, http://drupal.org/project/ddblock .

I had this problem until just now.

So, on my local.css,
which is simply located on
/sites/domain.tld/themes/arthemia/,
I added the following

#page-bar ul {
	z-index: 10000000;
}

and that was it.

I hope this helps,

PS
Remember to go to
http://domain.tld/admin/settings/performance
and hit "Clear Cache Data"
;)

luckyday13’s picture

Thanks for the replies and terrific support on this theme. The latest dev release works for me - my frontpage slideshow and menus are now living happily together without the z-index tweak. Thanks again, it is really a great theme.

p.s. Not sure what I was doing wrong with my local.css, but I went back and tried again and it is all fine now. Thanks for the assistance with that as well.

NaheemSays’s picture

Status: Postponed (maintainer needs more info) » Fixed
khan2ims’s picture

Hi,

I am also using DDBlock module for my Portfolio page http://www.newearthmarketing.com/portfolio. I was also having same problem that drop down menu coming over the block were not clickable. Instead of creating a local.css file, I just changed the z-index of the block like this

div.ddblock-cycle-upright20 div.slider-inner{
background:transparent url(/files/images/portfolio-images/portfolio-bg.jpg) no-repeat;
height:580px;
visibility:hidden;
z-index:0;
}

And it solved the problem.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Imran Khan
Project Manager
New Earth Marketing

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

sanvision’s picture

I was also facing the same problem

in ja-sosdmenu.css just add z-index:9999

poolinteractive’s picture

Worked perfectly!

mtbgirl’s picture

Title: Drop Down Menu is hiding behind Frontpage Slideshow Block » CSS Slideshow Blocked by CSS Flyout Menu
Version: 6.x-1.x-dev » 7.x-1.x-dev
Status: Closed (fixed) » Active

While my problem is similar to the original concern, and I also used z-index: 0 (and variants) to ensure that my flyout menu appears, my slideshow block is transparent. I can see the outline of the slideshow and the clickable icons to advance the slideshow, but once I added z-index to the CSS for the flyout menu, no matter where I put the slideshow, no pics nor slideshow display styles appear.

If anyone can shed some light, I thank you kindly in advance.