drop down menu disappears when Hover OVER the MENU over the slider

748 views
Skip to first unread message

Luke Devon

unread,
Sep 13, 2013, 3:47:12 AM9/13/13
to gantry-framework...@googlegroups.com
Hi

I am using Gantry's native drop down main menu OVER Lof ArtcileSlideshow Module.

( http://www.landofcoder.com/download/free-extensions/viewdownload/8-lof-articlesslideshow-module/115-lof-artcileslideshow-module-version-3x-joomla-30.html )

Once I hover OVER the menu over the slider , it disappears .... Can you help me to correct this issue ?

I googled and found that z-index, need to be apply properly. I have used that parameter z-index : with different values. But no luck. Please help .

image-1.png : Drop down menu when hovering
image-2.png : hovering over the menu

# then next will be disappear the menus.

Regards
Luke


image-2.PNG
image-1.PNG

Ado Saric

unread,
Sep 13, 2013, 3:24:25 PM9/13/13
to gantry-framework...@googlegroups.com
Not sure if this will help you , I had problem my menu was going behind slider on your images looks just fine ,anyway if you try to add this to your gantry custom css file maybe will fix your trouble:
#rt-top, #rt-header, #rt-popuplogin, .gf-menu-toggle {z-index:15}

I think someone here posted that code which fixed my trouble if not sorry :)

Luke Devon

unread,
Sep 15, 2013, 4:33:54 AM9/15/13
to gantry-framework-for-joomla-users
Hi Ado Saric ,

Thank you for the help.
However z-index : parameter had to change up to > 1000. Then only I could resolved the issue.

z-index : 1000 --> no result
z-index : 1001 --> Problem solved

Regards
Luke.
 



--
--
You received this message because you are subscribed to the Google
Groups "Gantry Framework for Joomla Users" group.
To post to this group, send email to
gantry-framework...@googlegroups.com
To unsubscribe from this group, send email to
gantry-framework-for-j...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org
 
---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-j...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

Ado Saric

unread,
Sep 17, 2013, 11:47:26 AM9/17/13
to gantry-framework...@googlegroups.com
Glad you fixed it, can I ask you is mobile menu selectbox working for you? I see lots of people here asking for help about that but so far no fix :( I always get tree menu even I choose selectbox for example on iPhone should come then selectbox I believe but nothing :)

To unsubscribe from this group, send email to

For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org
 
---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-joomla-users+unsubscribe@googlegroups.com.

Luke Devon

unread,
Sep 19, 2013, 4:50:51 AM9/19/13
to gantry-framework-for-joomla-users
As I am developing this web site in my local PC, I have not tested that so far.  Once I tested , I'll update you .



To unsubscribe from this group, send email to

For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org
 
---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-j...@googlegroups.com.

Luke Devon

unread,
Sep 21, 2013, 11:30:08 AM9/21/13
to gantry-framework-for-joomla-users
Hi Ado Saric ,

I just tested the menu with the selectbox. It is working fine when I access it via a mobile device.

menu control : drop down
Responsive menu : select box

Regards
Luke.

Ado Saric

unread,
Sep 22, 2013, 7:37:06 AM9/22/13
to gantry-framework...@googlegroups.com
Thanks Luke seems like some plugin or module messing up mine will need to try to disable one by one and see where is trouble.

JJ

unread,
Nov 20, 2013, 12:36:02 AM11/20/13
to gantry-framework...@googlegroups.com
I think you have to search the right section to add that code, in my case it was:

#rt-navigation .rt-block {z-index:1010}     /* menu dropdown adjustment*/

Mohideen

unread,
Nov 21, 2013, 11:45:41 PM11/21/13
to gantry-framework...@googlegroups.com
Hi Ado Saric

I am new to gantry and joomla, I too have this issue of my drop down menu showing only two drops, the rest gets hidden behind my feature image show, can you please let me know where I can find custom css file or do I have to create a custom css file and if so please give me a step by step tutorial because I am new to this.

many thanks in advance
Mohideen

Ado Saric

unread,
Nov 22, 2013, 7:23:09 AM11/22/13
to gantry-framework...@googlegroups.com
Hi Mohideen , yes you should create custom css file named gantry-custom.css and put inside of css folder /templates/gantry/css .

You can do this with simple text editor just open new file and thean inside you try to add this code:

#rt-top, #rt-header, #rt-popuplogin, .gf-menu-toggle {z-index:15}

Save file as gantry-custom.css and upload to via FTP to /templates/gantry/css

Clear gantry cache refresh your website pressing CTRL+ F5 on your keyboard if you  are on windows and check if your menu is now shoiwung in full.

If not just play with {z-index:15} change number  try I dont know 1000 or something

Hope that helps

Mohideen Thassim

unread,
Nov 22, 2013, 1:11:08 PM11/22/13
to gantry-framework...@googlegroups.com
many thanks Ado, for taking your time and responding promptly, I
appreciate it very much, I will give it a try.

best regards
Mohideen

.......
Mohideen Thassim
Brisbane, Australia.
tweet = @thassimm
> --
> --
> You received this message because you are subscribed to the Google
> Groups "Gantry Framework for Joomla Users" group.
> To post to this group, send email to
> gantry-framework...@googlegroups.com
> To unsubscribe from this group, send email to
> gantry-framework-for-j...@googlegroups.com
> For more options, visit this group at
> http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
>
> Gantry Framework Homepage: http://www.gantry-framework.org
>
> ---
> You received this message because you are subscribed to a topic in the
> Google Groups "Gantry Framework for Joomla Users" group.
> To unsubscribe from this topic, visit
> https://groups.google.com/d/topic/gantry-framework-for-joomla-users/4SCyJEOV1cg/unsubscribe.
> To unsubscribe from this group and all its topics, send an email to

Mohideen Thassim

unread,
Nov 25, 2013, 12:13:25 AM11/25/13
to gantry-framework...@googlegroups.com
Hi Ado

You are a champion, this worked beautifully, thank you once again for
your help. By the way I put your code in a module called Custom CSS
and used the same index you gave me being 15

cheers
Mohideen

.......
Mohideen Thassim
Brisbane, Australia.
tweet = @thassimm


Reply all
Reply to author
Forward
0 new messages