How can I customize this menu in my CSS file? Can I give it a class name or an Id to custom it ? When I look at the preview I can see my menu but it is a list and I want the menu items to be inline. I am struggling since 5 days and I can't find any answer.
You can place your menu code, inside a DIV with a class, to be able to customize it.
Example:
HTML
<div class = "my-menu">
Menu code here
</div>
CSS
.my-menu ul {
background:#fff;
}
.my-menu ul li {
margin:10px;
display:inline-block;
position:relative;
}
.my-menu ul li a{
background:#d00;
color:#fff;
padding:10px;
text-decoration:none;
}
Did this post help solve your problem? If so, please mark it as a solution.
You can place your menu code, inside a DIV with a class, to be able to customize it.
Example:
HTML
<div class = "my-menu">
Menu code here
</div>
CSS
.my-menu ul {
background:#fff;
}
.my-menu ul li {
margin:10px;
display:inline-block;
position:relative;
}
.my-menu ul li a{
background:#d00;
color:#fff;
padding:10px;
text-decoration:none;
}
Did this post help solve your problem? If so, please mark it as a solution.