Okay
  Public Ticket #3656243
Change color menu
Closed

Comments

  • Isabel started the conversation

    Hi,

    I have to issues:

    1. I have set the theme options to have the menu changing color depending on the row.

    On normal pages, like home, it works fine but in the portfolio pages it does not behave the same, it remais a solid blue background color.

    You can see the difference in these two pages:

    Home:  https://infinitumbranding.com/
    Portfolio page: https://infinitumbranding.com/productos/telescopic-spreader-beam/

    How can I set the options so that the menu in portfolio pages works the same as in pages?

    2. In page, when the menu has blue blackground color, the icon of submenu is visible but when the background of the menu turns white the icon is not visible. Can you provide me with css to make it visible as well?

    I Hope you can help me and I thank you in advance

    Kind Regards
    Isabel

  •  8,838
    Tahir replied

    Hey Again,

    1. I cant seem to recreate the issue on my end, could you provide a screenshot for it.

    2. Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    body #header-outer #top nav .sf-menu ul .sfHover > a .item_desc, body #header-outer #top nav .sf-menu ul li:hover > a .item_desc, body #header-outer #top nav .sf-menu ul .current-menu-item > a .item_desc, body #header-outer #top nav .sf-menu ul .current_page_item > a .item_desc, body #header-outer #top nav .sf-menu ul .current_page_ancestor > a .item_desc, body #header-outer nav > ul > .megamenu > ul ul li a:focus .item_desc {
        color: #ccc !important;
    }

    Thanks



    ThemeNectar Support Team 

  • Isabel replied

    Hi Tahir,

    1. It is not exactly an issue. It is just that the menu has a different behaviour on normal pages than on portfolio pages though the theme options are the same for both. So I do not understand the reason.

    I like the behaviour of the menu on pages like this one: https://infinitumbranding.com/
    But I can not reproduce this behaviour on portfolio pages as it always remains solid blue and does not change colour depending on the dark or light row. You can see what I mean on this portfolio page: https://infinitumbranding.com/productos/telescopic-spreader-beam/

    I would like to manage to make the menu on the portfolio pages behave the same as on the normal pages. Can you help me?

    2. Sorry but the css you provided me does not work. It is now in the Custom CSS box and still, the icon when passing on white rows does not appear.

    If you need, I can provide you with a username and password to log in to the website.

    Thank you

    Best Regards

    Isabel

  •  8,838
    Tahir replied

    Hey Again,

    Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.

    Thanks.


    ThemeNectar Support Team 

  •   Isabel replied privately
  •  8,838
    Tahir replied

    Hey Again,

    You need to turn on Permanent Transparent Header feature if you wish to have it consistent: https://infinitumbranding.com/wp-admin/admin.php?page=Salient&tab=18

    7795327266.png

    Thanks.


    ThemeNectar Support Team 

  • Isabel replied

    Hi Tahir,

    1. I know that option but I do not want to make it permanet transparent through the whole page I want the menu to be transparent only at the start point, then this way to make it clear:

    - menu in blue background with white text color ........ when passing on a row blue background row and  ligth text chosen

    - menu in white background with grey text color (*) ........when passing on a row with white background and dark text chosen

    To do so I have this option on "Turning this on, will allow your header to take on the background color of the row that it passes." and that is how I want it to be.

    On pages it works fine, but it on portafolio it does not take the backgroun color of the row that it passes and I really do not understand why it reamains alwasy blue.

    Please, check again how well the menu is shown on pages and, if you can, help me to do the same on portfolio pages.

    2. (*) I still don`t  see the icon for submenu when the menu turns white at passing on a white background row on normal pages.

    I hope you can help me
    Isabel

  •  8,838
    Tahir replied

    Hey Again,

    1. Escalating this to the developer for further response.

    2.Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    #header-outer.dark-text nav >ul >li >a >.sf-sub-indicator i:before {
        color: #444 !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  1,069
    ThemeNectar replied

    Hey Isabel,

    That issue will be sorted in the next minor release of Salient. If you'd like early access to the upcoming version with that change included, you can download a pre-release copy from here: https://www.dropbox.com/scl/fi/kqo36c9tqfmfkit7zfqq2/salient.zip?rlkey=jdsrut20zpskr31bck16d867n&st=ipw85ux1&dl=0

    Kind regards

  • Isabel replied

    Thank you very much.

    Isabel