Okay
  Public Ticket #3619936
dropdown opacity
Closed

Comments

  •  2
    Rian started the conversation
    April 2, 2024 at 7:46pm

    Hi there!

    is it possible to change the opacity of the dropdown menu?


    thank yoU!

  •  1,875
    Judith replied
    April 2, 2024 at 9:13pm

    Hello Rian,

    Thanks for writing in!

    Yes you can change the opacity from here :

    6263944718.png

    I hope this proves helpful. Should you have any further questions or encounter any issues, please don't hesitate to reach out.

    Best regards,

  •  2
    Rian replied
    April 2, 2024 at 9:27pm

    oh lord, sorry I missed that!

    For some reason the menu item description font color is not what I have set it as. It is set to black in both the color scheme as well as the options in the Menu tab. In the inspector it appears to be controlled by the accent color.

    Attached files:  Screenshot 2024-04-02 at 5.26.34 PM.png
      Screenshot 2024-04-02 at 5.27.26 PM.png

  •  1,875
    Judith replied
    April 3, 2024 at 4:21am

    Hi Rian,

    Thanks for writing back.

    The colors may be getting overridden. I request you add the CSS below to be implemented on priority.

    From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:

    .nectar-menu-label {
        color: blue! IMPORTANT;
    }

    I hope this proves helpful. Should you have any further questions or encounter any issues, please don't hesitate to reach out.

    Best regards,

  •  2
    Rian replied
    April 3, 2024 at 1:28pm

    Hi Judith,

    Thanks for your help! The code sort of fixed the issue but turned some other text white and put a shadow behind the description.

    I checked all my custom css and can't find anything that I changed to that color that might be overriding it.

    Also, is it possible to put a border around the submenu?

    Attached files:  Screenshot 2024-04-03 at 9.27.06 AM.png

  •  2,958
    Andrew replied
    April 3, 2024 at 3:27pm

    Hi Rian,

    Thank you for reaching out to us.

    Please check and ensure that you have adjusted the font in the Salient > Header Navigation > Color scheme and ensure that the color is black in the dropdown/megamenu section.

    7913599419.png

    You can also check if you have changed the color of the menu items to white in the Salient Menu Options. We have a guide that can help you with this https://themenectar.com/docs/salient/salient-menu-options/.

    5983630092.png

    Alternatively, add this to the Custom CSS box in your Salient Theme Options panel:

    #header-outer li.menu-item-590 > a .menu-title-text {
  color: #000!important;
}

    Try these and let us know how it goes.

    Thanks,

  •  2
    Rian replied
    April 3, 2024 at 8:24pm

    Thanks Andrew,

    Is it possible to put a border around the submenu?

  •  2,958
    Andrew replied
    April 4, 2024 at 4:06am

    Hi Rian,

    Thank you for getting back to us.

    Add this CSS to add a border around the submenu. You can adjust the CSS to suit your needs. You can also share a screenshot of what you'd want this to look like so we can adjust the CSS for you.

    #header-outer[data-format=centered-logo-between-menu] #top nav>.sf-menu>li ul {
  border: 1px solid #000;
}

    Try this and let us if it works for you.

    Regards,