Hi All, I have a problem with menu mobile.
In mobile mode in homepage if I click on menu text the menu opens and appears the Close word. When I Click on About the page about opens. Here If I click on menu text the menu open but the word “close” doesn’t appear more. I don’t know why, please thank you so much for supporting me in advance.
Here is my public share link: Webflow - site-homepage
(how to access public share link)
I notice that the problem is only when i Click on about link (the only page in the menu that i have for now).
Hey @David_P I have just tried by removing navbar component to about page. that looks good to me. you can try and check it.
Hey @David_P,
On a side note, you can use the same “Menu” component on both pages, noticed that you are using 2 different menu components on Homepage and About page. Not sure if that will help, but just needed to add a note to this, so that you can do that and test if it works.
Hi AJ,
thank you so much for your suggesting. I’ve just now use only one menu, but I’ve the same problem, if i go to about page and click again on menu and i click again on link about, the word CLOSE doesn’t appear. And why the logo in link block with the link homepage doesn’t work? Thank you in advance
Hi and thank you, if i removing navbar component in the about page than I don’t have more the navbar… Probably i don’t understand your solution. Now I’ve tried to use the same component menu of the homepage but it doesn’t work. My problem is: if i go to about page and click again on menu and i click again on link about, the word CLOSE doesn’t appear. And why the logo in link block with the link homepage doesn’t work? Thank you in advance
Thank you, I’ve just used only one menu and the same of home page but I’ve the same problem. And now I have the problem with link blog logo, there is a link but doesn’t work. thank you
While I test the preview mode in my browser, it does work for me now. i.e. From homepage when I click the About page link in the menu, it navigates to About page and when I click on the menu there, it shows me the close button accordingly. So, I am not able to replicate the issue on my end unfortunately. You could share a link to your site, probably I can test it out to find the issue.
That being said, the logo that you have in the mobile version menu is not placed in a right manner. i.e. the Link block is separate from the logo and hence the logo is not clickable. You need to place the logo inside the link block (like how you have placed it in the About page’s desktop version logo) in the mobile version menu for it to work. Hope this helps.
ok it’s happen that I activate the Enable custom code in the preview mode (on the left bottom) and now it’s works.
I’ve tried to insert this code in before for reload the page
<script>
document.addEventListener("DOMContentLoaded", function () {
const links = document.querySelectorAll('.Link-Block-Mobile');
links.forEach(link => {
link.addEventListener('click', function (e) {
// Se il link punta all'esatta URL corrente
if (link.href === window.location.href) {
e.preventDefault(); // evita il comportamento predefinito
window.location.reload(); // forza il reload della pagina
}
});
});
});
</script>
probably you have see the custom code mode activated?
I did not have it enabled when I was viewing in preview mode on my end.
That being said, if testing the menu works accurately on the live site directly on the browser (i.e. not via the webflow designer preview mode), I believe it should be good to go.