Hi!
I’m trying to add, below the header, just a generic bootstrap dropdown.
in my homepage I add a row and then the “raw html”
– If i add it like the code below (1), the styles don’t work
– If I add the bootstrap css/js (2) the dropdown is perfect but the theme breaks.
I’ll appreciate any lights for achieving this!!
1 )——DROPDOWN——
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JavaScript</a></li>
</ul>
</div>
2) ——-bootstrap css/js——–
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
Hi,
You could just use an element already available in Visual composer that could be used for what you are trying to achieve. Try adding an Accordion element on your page
– https://www.screencast.com/t/raa6a5SvuiT
And enter the links you want to display in a Raw HTML element, like in this example where I split the row in 3 sections, you can do it how you think it is best for the purpose
– https://www.screencast.com/t/qFFFFZCMHGSB
– https://www.screencast.com/t/y1PBR2PE7
If you want to position this section right below the header you can add a margin to the row containing this element – https://www.screencast.com/t/FI1aaekB or just leave it by default.
The result is like this where a margin is used
– https://www.screencast.com/t/jyTj6SP5oy – https://www.screencast.com/t/T3irWcnH0E
Or without any margin
– https://www.screencast.com/t/AFIt5oBSvK – https://www.screencast.com/t/5XGxjoaFk
Not to mention that this way you can further style or customize the element using the available options
– https://www.screencast.com/t/skNurcVGa
Thanks
Thank you Simion, that worked out pretty awesome!
