-
AuthorPosts
-
August 19, 2016 at 9:56 pm #674871
Hi,
How do I make the menu square (highlight) black when i’m on the parallax section for my navigation menu? right now it is white for all the sections and seeing the text is white it – you cant see the text.
August 21, 2016 at 7:32 am #675239Hey mcraig77,
The site is in construction mode, please post login details in private.
Best regards,
RikardAugust 21, 2016 at 7:33 am #675242Whoops, go ahead and try now
August 21, 2016 at 9:16 am #675277Hi,
There is no easy way to change the color of the toggle menu dynamically however you can set a dark background so it is awalys visible correctly.
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 989px){ .responsive.html_mobile_menu_tablet .container #advanced_menu_toggle, .responsive.html_mobile_menu_tablet #advanced_menu_hide { background: #222; }}
Best regards,
VinayAugust 21, 2016 at 9:25 pm #675427Ahoy,
I think there so some confusion – This is not for the mobile menu. Is for for the normal parallax menu. when I add that css it only changes mobile menu color.
Here is the issue:
For parallax menus the text changes when it goes to that particular section for example
here is the menu screenshot 1- when i jump to the section “Who we are” the text changes to white Screenshot 2
I need the background of that section black like if I were rolling over that section like how I rollover the menu noramly screenshot 3
August 24, 2016 at 8:15 am #676845Hi,
There is no easy way to change the menu color dynamically but we can add a background color so the menu item is clearly visible please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.current-menu-item { background-color:#000; }
Best regards,
VinayAugust 24, 2016 at 8:32 am #676853Ahoy
Thanks! that seems to work but there is something weird with it… When I load the page there is no background color but when I click on section that section is forever highlighted. see screenshot
August 26, 2016 at 5:20 am #677922Hi,
Please add ID #home to the top color section if that don’t work add a menu item “Home” in Appearance > Menu and we can hide it using CSS. That way the script will recognize different sections correctly.
Best regards,
VinayAugust 26, 2016 at 7:02 am #677958Ahoy,
The top section is a fullscreen slider, i don’t believe I can add a page id to it…
I went ahead a created a home menu in the tab, how do I hide it? Also even though I have added it, the “What we do” link is still highlighted.
Please advise
- This reply was modified 8 years, 3 months ago by mcraig77.
August 26, 2016 at 7:39 am #677981Hi,
I need access to backend to set this up please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
VinayAugust 26, 2016 at 7:49 am #677983Attached
August 26, 2016 at 2:34 pm #678144Hi,
I tried to troubleshoot this issue but the login credentials you provided do not work for me. Would you mind checking once again and then send us working login credentials?
The user role for the account you send us should be set to ‘administrator’ so we can try to disable all plugins and add custom code (if necessary) to resolve the issue.
Best regards,
VinayAugust 26, 2016 at 6:47 pm #678297Sorry, Try this
August 30, 2016 at 9:41 am #679293Hi,
Thank you for the info. We have changed the fullscreen slider element to a color section and added ID #home-top so it can be recognised by the menu item. Please review the site and let us know.
Thank you for using enfold :)
Best regards,
VinayAugust 30, 2016 at 6:45 pm #679630Ahoy,
I actually don’t want that “home” menu item – is there a way to hide it on both desktop and mobile?
August 31, 2016 at 7:45 am #679843Hi!
Please add the below css in Quick CSS
#menu-item-127 { display:none; }
Regards,
VinaySeptember 1, 2016 at 5:22 am #680447Perfect, thanks!
September 1, 2016 at 6:48 pm #680905Hi,
Glad we could help!
If you haven’t already rated our theme we really appreciate it if you take a minute and rate our theme on themeforest .
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)Best regards,
Vinay -
AuthorPosts
- The topic ‘Menu background color for parallax menu’ is closed to new replies.