In this video, I provide you with a CSS/HTML code for a dropdown menu that you can simply copy and paste within your ClickFunnels site in the javascript element slot.
Keep on reading or watch the video below to learn how to get it set up for your pages!
So what you have to do is take this code that I attached below and paste it in the CSS section of your page.
You can edit a few things, but that’s basically how simple it is to add a ClickFunnels dropdown menu to your pages.
Here is the code you can just copy and paste:
[code lang=”css”]
<style>
/* do not change */
.container{
overflow: unset;
}
ul{
margin:0px;
padding:0px;
list-style-type:none;
display:inline-block;
}
ul li ul li{
display:none;
}
/* can change */
#container{
text-align:center;
}
ul li{
background-color:white;
border: 1px solid green;
width:130px;
height:30px;
line-height:30px;
float:left;
text-align:center;
margin:5px;
border-radius:25px;
}
ul li a{
color:black;
text-decoration:none;
display: block;
font-size:20px;
font-family:verdana;
}
ul li a:hover{
background-color:red;
text-decoration:none;
border-radius:25px;
color:white;
}
ul li:hover ul li{
display:block;
margin-left:0px;
}
</style>
<div id="container">
<ul>
<li><a href=’#scroll-section1′>Monkeys</a></li>
<li><a href=’#scroll-section2′>Option 1</a>
<ul>
<li><a href=’#scroll-section2′>Option a</a></li>
<li><a href=’https://ivanmana.com’>Option b</a></li>
</ul>
</li>
<li><a href=’#scroll-section3′>Option 2</a></li>
<li><a href=’#’>Option 3</a></li>
<li><a href=’#’>Option 4</a></li>
</ul>
</div>
[/code]
Make sure to pay attention to the text inside of the code provided – when it says “do not change”, that means do not change that part of the code…
However things like the background, the color, the height, and so on, you can easily change without any issues.
You might want to consult a coding specialist for any more complicated things however.
Also note that I am by no means a coding expert – so I can only really show you how to take this code and make minor changes to it, but nothing major.
You should always check the page yourself and make sure that it’s up to your standards as coding requires some skill and is not as simple as the ClickFunnels drag-and-drop editor.
But that’s pretty much it and you should be able to easily add this ClickFunnels dropdown menu to your pages!
👉 ClickFunnels free 14-day trial
👉 ClickMagick exclusive 30-day free trial
👉 GetResponse free 14-day trial
👉 Get your Namecheap domains/private email here
👉 Like my Facebook page! https://www.facebook.com/onlinemarketingessentials
Disclosure: I am an independent ClickFunnels Affiliate, not an employee. I receive referral payments from ClickFunnels. The opinions expressed here are my own and are not official statements of ClickFunnels or its parent company, Etison LLC.
