Here are some simple steps for setting up a Horizontal Navigation Bar -
Step 1.-Dashboard > Layout > Edit HTML. Here find this - /* Header */
Step 2.- Add this code below that -
#menu ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}
#menu li a{
color:#dfffed;
}
#menu li a:visited {
color: #57E964;
}
#menu li a:hover {
color: #F88017;
background: #ffff66;
}
You should edit this code after step 6,so that you could know how does it looks like.
(Edit margin values for placement,and various html color values below for respective colours.)
Step 3.- Find this -
b:section class='header' id='header' maxwidgets='1' showaddelement='no'
Step 4.- Change -
- showaddelement='no' to showaddelement='yes'
- maxwidgets='1' to maxwidgets='4'
Step 5.- In the Header , Add Page Element > Add HTML .
Step 6.- Leave the title Blank and add the following code in text field -
Add your desired values in above code marked red. Save it.
Now you can edit the code in Step 2.
