Streaming live at 10am (PST)

Dropdown Menu (sub menu) - Attributes change when switching to instead of div


#1

Hey guys and girls!

I´ve got a Webflow navbar, and I´ve created a dropdown showing up underneath the navbars. (I´ll write the function for show/hide myself.)

URL: http://endreol.webflow.com/

The problem:
I´ve made the navlinks as div´s. When I apply a a link to it, it changes the style of the dropdown due to webflow´s code. Is this fixable?

It feels like a simple fix, maby my css/htlm skills are lacking here? Please help me here guys. Don´t want to create a work-around by adding pictures of dropdown´s or anything like that.

EDIT: Did I just solve it? I added the a-link inside of a div, and placed the dropdown in the same div as the a.


#2

Hey pior, that looks nice. If it's not too much to ask, would you mind outlining the steps you took to create your horizontal drop down? I've been trying to do something similar without much success. Thanks!


#3

Hi, yeah sure. Is there any way to send one of those webflow links where the user get´s the webflow ui, but can´t change my design? @webflow


#4

Go to your site settings and enable Troubleshooting Link smile


#5

Great, thank you!

https://webflow.com/design/endreol?preview=c9cdc8f5c521a796b046408275df8ca5


#6

Change .nav-toggle display from block to none. Go to your site settings and Custom Code on the left panel. On the right side there are 2 fields. In the second one called before </body> paste the following code:

<script>
  $(document).ready(function() {
    $('.nav-holder.nav-drop').hover(
      function() {
        $('.nav-toggle').slideDown();
      },
      function() {
        $('.nav-toggle').slideUp();
      }
    );
  });
</script>

Hit save and publish site. Give us a call once it's done. You will probably be the first person with dropdown menu working on my script ;D


#7

Wow, I´ve missed that option in the webflow ui. Thank´s a lot @bartekkustra


#8

Sure thing. Give a message in this topic when you do that. I want to see this one in action ;D


#9

Thank you very much @pior!


#10

The script is already written and implemented by our developers separate from webflow. In the future, I will probably add it the way @bartekkustra showed.

The live site is now on: endreol.se


#11

Hey @bartekkustra

Can´t call you guys, I´m on the other side of the atlantic wink

I´ve implemented your code on another project: http://wingirent.webflow.com/base-auth

It works. But the startposition is "opened"


#12