Hi there!
i would like to change the avia-menu-fx ‘line’ that lights up when you scroll over a menu. Can I change this into an image (I would like a triangle instead of a small line), if so where should I change it.
Thanks! Moniek
this is an interesting question because there are already some settings for it:
avia-arrow-wrap and avia-arrow
if you set:
.avia-menu-fx .avia-arrow-wrap { visibility: visible;}
to visible ther is a little arrow on the current menu point.
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.avia-menu-fx { height: 7px; background-image: url(https://drj11.files.wordpress.com/2009/04/ramp3-50.png); background-size: cover; }
Regards,
Yigit
thanks for the solutions!
@Yigit, I can add this image now through quick css, but somehow it repeats the image and doesn’t just show one triangle. what can I do to change this?
thanks!
Hi!
Please change the code to following one
.avia-menu-fx {
height: 8px;
background-image: url(https://test-thumbsup.nl/wp-content/themes/nieuwenhuis/images/layout/driehoek.png);
background-repeat: no-repeat;
background-color: transparent!important;
width: 10px;
display: block;
left: 50%;
}
Regards,
Yigit
Thanks so much Yigit! It works :)