Hello everybody,
I have some problems regarding footer menu which only happen when open it on mobiles.
1. when trying to click the button and the arrow on the footer, such as the “products”, “news” etc., there is no reaction to the click, which means people cannot be redirected to the pages linked with “products” and “news” etc.
2. I made a Japanese version for the footer. However, when choose the language “Japanese”, the translation dose not show in the footer menu.
As for the first problem, the Hubspot supporter suggest me add the functionaility in:
1. CSS/bootsrap
2. Javascript/Jquery
Here are the screenshots of my footer`s CSS and Javascript.
css1
css2
css3
javascript
But I do not know programming. Could you please help me to solve the above problems?
Thank you very much for your answers!
Li
Hey @JXLI012
Could you provide a URL for us to test. We should be able to help you get this done rather quickly with that info.
Hello Kevin,
Thank you for the reply. The URL shows as follows. Please find it for your reference.
Best
Li
Hey @JXLI012
At a glance I think you’re missing some JS.
Try adding this to the JS section of the module:
$('.foot-nav-title').on('click',function() {
var $this = $(this), child = $(this).next('.hs_cos_wrapper_type_simple_menu').find('.flyouts');
if(!child.is(':visible')) { $this.toggleClass('active');
child.slideDown();
} else { $this.toggleClass('active');
child.slideUp();
}
});
Thank you so much for the answer and coding.
Do you mean anywhere in the JS section to add the codes you gave me? or must insert in some specific paragraphs? Sorry for this too basic question, since I really have zero experience in programming.
Li
Paste it in the panel shown below after the existing JS:
javascript
Thank you for your generous help! It works perfectly!
Have a nice day!
Li
