Amiant CSS3 Menu - drop downs obscured?
Permalink 1 user found helpful
I'm trying to use the (brilliant!) Amiant CSS3 Menu, placed on a page just above the (equally brilliant!) michaelg_power_slider_lite....
Unfortunately the drop downs from the menu appear behind the slider, rather than over the top (ie are obscured)
Is there any way to fix this?
Thanks in advance!
Unfortunately the drop downs from the menu appear behind the slider, rather than over the top (ie are obscured)
Is there any way to fix this?
Thanks in advance!
Hi there! Thanks so much for this - that's really helpful.... I'll have a look through the code and, if in doubt, I might write to the author. Thanks again for the speedy response! Kind regards!
Hi Guys,
I am struggling to get the Amiant to even work. do you guys have a tutorial on how to use it? I am not a web developer although I do understand and can write some html and simple php code (really simple). But, I cant seem to get this to work.
Any help would be appreciated.
I am struggling to get the Amiant to even work. do you guys have a tutorial on how to use it? I am not a web developer although I do understand and can write some html and simple php code (really simple). But, I cant seem to get this to work.
Any help would be appreciated.
Hi there!
Sorry, no tutorial from me unfortunately! I have a very novice approach to it all too I am afraid and just blundered through it and didn't note down what I did!
What I did find at the beginning however was that it didn't work at all on any version of C5 less than 5.5.0 (the latest?)... I simply got an error message on lower versions. Maybe try updating and see if that works?
I did however get a reply from the author re the 'hidden' drop down issue I encountered which worked a treat.... the instructions he gave me were as follows:
Hi!
Yes, this is z-index problem.
I am so busy today to fix it right now.
You need to change /packages/amiant_css3_menu/blocks/amiant_css3_menu/view.css
You need to add line after line 117:
change to
........
Keep me informed how you get on!? Cheers, Clive
Sorry, no tutorial from me unfortunately! I have a very novice approach to it all too I am afraid and just blundered through it and didn't note down what I did!
What I did find at the beginning however was that it didn't work at all on any version of C5 less than 5.5.0 (the latest?)... I simply got an error message on lower versions. Maybe try updating and see if that works?
I did however get a reply from the author re the 'hidden' drop down issue I encountered which worked a treat.... the instructions he gave me were as follows:
Hi!
Yes, this is z-index problem.
I am so busy today to fix it right now.
You need to change /packages/amiant_css3_menu/blocks/amiant_css3_menu/view.css
You need to add line after line 117:
/* level 2 list */ .amiant-css3-menu-navigation-bar .navigation-menu ul {
change to
/* level 2 list */ .amiant-css3-menu-navigation-bar .navigation-menu ul { z-index: 100;
........
Keep me informed how you get on!? Cheers, Clive
I downloaded the amiant css3 menu. How do i use it in my site ?
A million apologies - have only just signed into my account after some weeks and only just seen this message....
I'm not a technical person I am afraid so I simply installed the block and used it 'as is' to start with.... I then then tried changing a few things in the CSS files to alter the colour etc... all pretty much trial and error but it seemed to work ok.... I am still working on a draft of the site but will happily send you a link when it;s up and hopefully some notes on what I did (if this would help?)
Kind regards
Clive
I'm not a technical person I am afraid so I simply installed the block and used it 'as is' to start with.... I then then tried changing a few things in the CSS files to alter the colour etc... all pretty much trial and error but it seemed to work ok.... I am still working on a draft of the site but will happily send you a link when it;s up and hopefully some notes on what I did (if this would help?)
Kind regards
Clive
I am having a similar issue, I have tried the z-index fix but nothing works. My nav menus get cut off where the header and the body meet. If I increase the size of the header all is well but when I add another level to the menu I encounter the same problem. Any ideas why the header and view.php files might cause this issue? I am including an image to show what I am talking about. The black line is included in the header.
@soaroutdoor
On your amiant view.css file on line 1 you have your z-index set at 10, try changing it to 100,
This is the location of your view.css file
/packages/amiant_css3_menu/blocks/amiant_css3_menu/view.css
On your amiant view.css file on line 1 you have your z-index set at 10, try changing it to 100,
This is the location of your view.css file
/packages/amiant_css3_menu/blocks/amiant_css3_menu/view.css
Also
Your main.css file on line 11 is declaring overflow hidden, this is why you don't see the overflowing dropdowns
Your main.css file on line 11 is declaring overflow hidden, this is why you don't see the overflowing dropdowns
Thanks Weyboat, I knew there was something I was missing I got stuck looking at one aspect and not looking for what else may have been causing the problem.
I changed the value to visible and everything works great.
Dan
I changed the value to visible and everything works great.
Dan
Think of it as layers with z-index 0 as the first layer and everything with a higher z-index is put on top of each other. So, basically, I think you need to change the z-index value in the css file for the menu to have a higher z-index value than the z-index in the slider. Makes sense?
I don't have access to either the slider or the menu, but that would be the first thing I would look for.