Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Navigation Hover Effects didn't work

1 week 21 hours ago #1

  • Adam's Avatar
  • Adam
  • Posts: 32
Navigation Hover Effects didn't work. Site URL I sent via the form

1 week 21 hours ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 18982
Hello,
Thank you for contacting us

Sorry, we cannot see your site.
nimb.ws/K5ClEq

Regards,
Vyacheslav, Balbooa.com

1 week 21 hours ago #3

  • Adam's Avatar
  • Adam
  • Posts: 32
Sorry, I already turned it on

1 week 21 hours ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 18982
You need to add the class menu in the module settings


Regards,
Vyacheslav, Balbooa.com

1 week 20 hours ago #5

  • Adam's Avatar
  • Adam
  • Posts: 32
I did so, and it also did not help, can I still ask for some help?

1 week 20 hours ago #6

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 18982
It looks like you have an error in your code (JS code in the code editor).
Place the code needed for this effect at the beginning,
since below error the code will not work

Best Regards,
Vyacheslav, Balbooa Support Team

1 week 20 hours ago #7

  • Adam's Avatar
  • Adam
  • Posts: 32
i just left js code from menu and it still doesn't work please help

1 week 19 hours ago #8

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 18982
You need to use this code:
document.addEventListener('DOMContentLoaded', function(){
	    jQuery('.nav-hover-effect .main-menu .nav.menu > li a').each(function(index, el){
        var elVal = jQuery(el).text();
        jQuery(el).attr('data-hover', elVal);
    });
  jQuery(".nav-hover-effect .main-menu .nav.menu > li a").wrapInner("<span></span>");
 jQuery('.nav-hover-effect .main-menu .nav.menu > li a').each(function(){
      let style = getComputedStyle(this),
          color = style.backgroundColor,
          borderColor = style.borderTopColor;
      this.style.setProperty('--button-background-color', color);
      this.style.setProperty('--button-border-color', borderColor);
    }).on('mouseenter', function(){
        let color = getComputedStyle(this).backgroundColor;
        this.style.setProperty('--button-background-hover', color);
    });	
});

Regards,
Vyacheslav, Balbooa.com

1 week 18 hours ago #9

  • Adam's Avatar
  • Adam
  • Posts: 32
Thank you, it works, I will ask where to change the color of the line?

1 week 18 hours ago #10

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 18982
Border color from plugin setting.

Regards,
Vyacheslav, Balbooa.com
Powered by Kunena Forum