Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #716636

    How to I increase the background transparency of dropdown links in the Main menu?

    Also in the small top bar – where the Header Phone Number/Extra Info is – I have an email address in here. How do I make this a link? Using a mailto: just appears as text.

    #717691

    Hey linburnlane,

    I checked your website and it seems that you could achieve everything you wanted.
    Let us know in a new ticket if you have some more questions related to the theme.

    Best regards,
    Andy

    #718079

    Hi Andy,

    No, I haven’t actually.

    1) How to I increase the background transparency of dropdown links in the Main menu?
    ** It is a little bit transparent – I would like to make the background MORE transparent.

    2) In the small top bar – where the Header Phone Number/Extra Info is – I have an email address in here. How do I make this a link? Using a mailto: just appears as text.
    ** The email address is still just text. I want to make it a LINK so that someone can click on it to send an email.

    #718133

    Hi,

    1. Try adding this code in Quick CSS(located in Enfold > General Styling):

    #top #avia-menu .sub-menu, #top #avia-menu .sub-menu li a {
        background: transparent !important;
    }
    
    #top #avia-menu .sub-menu li a {
        color: #fff;
    }

    2. In Enfold > Header > Extra Elements > Phone Number or small info text just use this format:

    <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a>

    Or you can use the one I placed in the “private content”.

    Hope this helps :)

    Best regards,
    Nikko

    #718592

    Thanks Nikko. Almost there :)

    The sub-menu is now completely transparent – I just wanted it a bit more transparent than what it originally was.
    Can I adjust the level of transparency? For example, 50% transparent?

    #718593

    Also thanks for the email link.
    Can’t believe I just used mailto: instead of the full HREF!

    #718760

    Hi,

    you could use this for background color:

    #top #avia-menu .sub-menu, #top #avia-menu .sub-menu li a {
        background: rgba(255,255,255,0.2) !important;
    }

    0.2 is opacity and the other numbers (255) are defining the color. Adjust it as needed.

    Best regards,
    Andy

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.