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.
Hi justinsearl!
The change you meant was when you hover for example Team it would look like this {Team}?
Cheers!
Nikko
Hi Nikko,
Yes, the straight bar brackets but same concept. (example below) and this would only appear on the hover over.
[ Team ]
Thanks
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
Link is in the private content section.
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
This is exactly what I was looking for! Do I have the ability to change the size of the brackets? go up in size?