Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #713333

    Hello,

    How do you change the look of the “hover over” for the main navigation. When you hover over the (ex: about, team) pages I want it to have brackets around the word instead of the line at the bottom of the word that shows up.

    I am using enfold theme.

    #713432

    Hi justinsearl!

    The change you meant was when you hover for example Team it would look like this {Team}?

    Cheers!
    Nikko

    #713659

    Hi Nikko,

    Yes, the straight bar brackets but same concept. (example below) and this would only appear on the hover over.

    [ Team ]

    Thanks

    #713857

    Hi,

    Thanks for the feedback, I’m not sure if that would be possible but send us a link to your site and we’ll have a look at it.

    Best regards,
    Rikard

    #714064

    Link is in the private content section.

    #714067

    Hi!

    I added following code to Quick CSS in Enfold theme options under General Styling tab

    .av-main-nav > li:hover > a .avia-menu-text:after,.av-main-nav > li:hover > a .avia-menu-text:before {
        opacity: 1; 
        color: #109bc5;
    }
    .avia-menu-fx { display: none !important; } 
    
    .avia-menu-text:before {
        content: "[ ";
        opacity: 0;
    }
    .avia-menu-text:after {
        content: " ]";
        opacity: 0;
    }

    Please review your website now

    Regards,
    Yigit

    #719436

    This is exactly what I was looking for! Do I have the ability to change the size of the brackets? go up in size?

    #719439

    Hey!

    Sure! Please add following code to Quick CSS as well

    .avia-menu-text:after,.avia-menu-text:before { font-size: 20px; }

    Cheers!
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.