Hello Couch forumies !

I am just about to relaunch my website, and I 've got a problem with toggling top bar menu for the small screen size… I tried to troubleshoot and have uploaded the page with the same code but as HTML and the toggling worked fine…

I assume that JavaScript is not working in the php page , because when I click on the top bar of the HTML page, I see that the list containing the menu is getting an extra class "expanded" after the click…
Java Script on another page, where I use tabs, works fine….Oh yes, and I used Foundation framework for building this site….

Any idea, where the problem could lie?

thanks in advance

Tanja

[KK]

Hi Tanja,

I don't think this is a Couch issue (or is it? Please correct me if I did not understand the problem right). Looks like a JS/CSS problem.

Anyway, please post in the code you are using or (if possible) a link to the page where one can see the problem firsthand. I am sure someone will be able to spot the bug.

Thanks.

Hello KK!
Thanks for answering!
No, I do not think it is Couch problem. But I thought maybe someone might have experienced something similar and might know the solution. It seems to be a connection with the javascript issue and the HTML file turned to php (as I said in HTML all was fine)....


EDIT: I solved the problem, definitely not Couch, something with my customization of Foundation is the issue... still have to figure out exactly what.....

thanks anyway

Tanja

EDIT 2:
Ok, well the problem was :

Top-Bar menu has two sections, one UL where the toggle button is placed and another UL where the rest of the menu is placed. I put the toggle button with the rest of the menu, and changed the child-parent relationship so Java Script could not toggle…

Thanks KK for reading through! I tought falsely (because I have no idea of PHP) the problem has to do with the transfer to PHP ….But it was that I changed this line in the header-snippet….