Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #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.

    #675239

    Hey mcraig77,

    The site is in construction mode, please post login details in private.

    Best regards,
    Rikard

    #675242

    Whoops, go ahead and try now

    #675277

    Hi,

    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,
    Vinay

    #675427

    Ahoy,

    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

    #676845

    Hi,

    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,
    Vinay

    #676853

    Ahoy

    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

    #677922

    Hi,

    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,
    Vinay

    #677958

    Ahoy,

    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 7 years, 8 months ago by mcraig77.
    #677981

    Hi,

    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,
    Vinay

    #677983

    Attached

    #678144

    Hi,

    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,
    Vinay

    #678297

    Sorry, Try this

    #679293

    Hi,

    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,
    Vinay

    #679630

    Ahoy,

    I actually don’t want that “home” menu item – is there a way to hide it on both desktop and mobile?

    #679843

    Hi!

    Please add the below css in Quick CSS

    #menu-item-127 {
       display:none;
    }

    Regards,
    Vinay

    #680447

    Perfect, thanks!

    #680905

    Hi,

    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

Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Menu background color for parallax menu’ is closed to new replies.