Navigation problem

User 458539 Photo


Registered User
1,239 posts

I've had this problem before - The nav works fine in all views but mobile - (component top bar navigation) mobile when you press the 3 lines it doesn't expand. This is a simple site

http://tippingproductions.com/tpc/demo4/index.html

anybody have this issue and find a fix?

Byron
User 122279 Photo


Senior Advisor
12,545 posts

Let us see the project file, then it's easier to spot what is not working.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/


User 122279 Photo


Senior Advisor
12,545 posts

Oh, I think I've spotted it. You have an ID called 'topbar-responsive-copy-1' but the toggle is set to 'topbar-responsive'. Make them read the same.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/


User 458539 Photo


Registered User
1,239 posts

Thanks Inger - will give that a try when I get back to the office and let you know

Thanks again

Byron
User 2815606 Photo


Registered User
52 posts

There doesn't appear to be an event associated with the icon.
User 458539 Photo


Registered User
1,239 posts

Thank David - how do I correct?
User 122279 Photo


Senior Advisor
12,545 posts

Let us see the project file, Byron. It's so difficult looking at the source code that appears on such long lines that you have to scroll sideways back and forth. It's much quicker finding something in the source file.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/


User 2699991 Photo


Registered User
2,477 posts

Byron Tipping wrote:
Thank David - how do I correct?

Byron
Inger is right & so is David
your hamburger data toggle attribute (small screens) is set to "data toggle = " "which means doesn't know which element to open so:-

the menu container ID is "topbar-responsive-copy-1"

Simply select the hamburger thingy, go to
attributes, open the attribute & insert into the "value" box " topbar-responsive-copy-1" (without the quotes)

booooom you should be good to go
The Help You Need: When You Need It The Most

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.