I want to show/hide a page’s content by the elements that are clicked. I was thinking I may be able to use the show/hide element on click, but I wonder if that would be limit my use case.
What I need to do is add almost a Yelp like filter element. There will be 6 profile images that I want to filter by a button click. For example, imagine there is 6 restaurants:
Hi @JanneWassberg, thank you I’ve been able to create what I needed!
Something I’m still trying to figure out about the tabs menu is how to add horizontal scroll on mobile. I posted a separate question about it, but it seems you might be my best bet. How do you think I could go about doing that?
@JanneWassberg the reason is when there’s more than 3 tabs (as is in my use case), stacking them on top of one another would take too much space on mobile devices, specially since my tabs will contain images or icons. This would result in too much scrolling to get to the actual tab content (aka lower conversion rate).
The horizontal scroll would allow me to create something unique and pleasant with the ability to scroll to the left and right. This on mobile and as is on desktop would be great.
@JanneWassberg doesn’t look like it, but thanks for sharing. Does Webflow allow me to upload a css code for a section of the website? Thinking maybe I can add the code here W3Schools Tryit Editor ?
Sorry I actually think this requires more coding than I thought and I’m not a developer. It doesn’t seem like I can just change the div class name and drop the css code.
I would think this is a simple scroll implementation, considering all the other animations and scrolling features Webflow has. Am I out of luck?
Hi @JanneWassberg, how can I incorporate that into my tabs menu?
Error: “Non-tabs item cannot be placed in tabs” this is why I couldn’t make it work earlier as well. It’d be great if you could include this into the tab element and place an image as the selector with a sub-title as well. Thanks
@JanneWassberg ah I see, I thought because it was a separate menu that I wouldn’t need anything from it. So presumedly I can remove: <a href="#home">Home</a> <a href="#news">News</a> <a href="#contact">Contact</a> <a href="#about">About</a> <a href="#support">Support</a> <a href="#blog">Blog</a> <a href="#tools">Tools</a> <a href="#base">Base</a> <a href="#custom">Custom</a> <a href="#more">More</a> <a href="#logo">Logo</a> <a href="#friends">Friends</a> <a href="#partners">Partners</a> <a href="#people">People</a> <a href="#work">Work</a> from it and keep the position of the embedded code the same?
@am93 yes my latest clone have 2 different menus. The long one in the div and the second one in the tab. They are not depending on each other. You can remove the div menu and it will work in the tab.