SOLVED Menu Dropdown Hydrogen G5 - Z-index issue
-
-
- Kurt J
- Newbie
- Posts: 19
- Thanks: 0
-
I have an issue on my website with the dropdown menu being behind the toolbar of EasySocial. I am not a CSS expert but I have tried possible solutions I found here as well as on Stackideas forum. What I tried in a custom.scss file gave me a parse error when recompiling css even though I followed instructions here for creating custom scss file. I am sure I am missing details. Please help
You can see the issue at aclcpa.org/community/login
Kurt J. - Kurt Johnston
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Kurt J wrote:
I have an issue on my website with the dropdown menu being behind the toolbar of EasySocial. I am not a CSS expert but I have tried possible solutions I found here as well as on Stackideas forum. What I tried in a custom.scss file gave me a parse error when recompiling css even though I followed instructions here for creating custom scss file. I am sure I am missing details. Please help
You can see the issue at aclcpa.org/community/login
Kurt J.
In your [JOOMLA-ROOT]/templates/g5_hydrogen/custom/scss/custom.scss (<--CLICK this is link) file add this:
section#g-navigation { z-index: 4116; }
-
-
-
- Kurt J
- Newbie
- Posts: 19
- Thanks: 0
-
Dan,
This image is hidden for guests.
Please log in or register to see it.
I am not sure what could have happened but, attached is the result
I honestly only did what you recommended but, when I went back and deleted the custom.scss then recompiled css, it stayed this way which I realize makes no sense at all. Should I restore sight to the last backup and try again or.....suggestion
Kurt - Kurt Johnston
-
-
-
- Kurt J
- Newbie
- Posts: 19
- Thanks: 0
-
And the mystery continues.....
I noticed that there was an update due for Gantry5 and Hydrogen....So I decided to update
Menu is back but, in doesnt work....everything goes to the homepage...cleared cache, rebuilt menu, still no go
And I have checked all the menu settings and they are "set" to the correct component/article/etc.
I am totally confused on this now. - Last Edit: 9 years 5 months ago by Kurt J.
- Kurt Johnston
-
-
-
- Kurt J
- Newbie
- Posts: 19
- Thanks: 0
-
Dan,
Should I try this again? After getting the result I got last time, I am a bit hesitant since I had to upgrade template to get the menu back.
In your [JOOMLA-ROOT]/templates/g5_hydrogen/custom/scss/custom.scss (<--CLICK this is link) file add this:
[/quote]section#g-navigation { z-index: 4116; } - Kurt Johnston
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Kurt J wrote:
Dan,
Should I try this again? After getting the result I got last time, I am a bit hesitant since I had to upgrade template to get the menu back.section#g-navigation { z-index: 4116; }
YES. I've never seen CSS break a website as bad CSS code can only do one thing and that is not work at all
-
The following users have thanked you: Kurt J
-
Time to create page: 0.079 seconds