change of sub navigation alignment

  • 1
  • Question
  • Updated 5 years ago
  • Answered
How can i change the alignment of the sub navigation from vertical to horizontal ? I have chosen the elementary style and can't seem to find any way to change that.
Photo of David Sikora

David Sikora

  • 3 Posts
  • 0 Reply Likes

Posted 5 years ago

  • 1
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello David

To do this you will need to work with a little bit of code in your CSS Editor which is available to Yola Silver or Yola Gold. Do you have either of these feature packages?
Photo of David Sikora

David Sikora

  • 3 Posts
  • 0 Reply Likes
Hello Stefan,
yes i do have Yola Silver.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello David

Va bene! Do you have any experiences with how to use the Site CSS Editor? If not, our tutorial How to edit your Site CSS can help you to get more familiar with it.

Here is the code you will need to add to the Overrides box on the left-hand side of your CSS Editor dialogue box. Please note the remarks put between the slash and asterisks:


div#menu2 {
margin:0 auto;
width:1000px;
height:30px;
text-align:left; /* aligns your sub menu to the left */
font-size:12px;
}

div#menu2 ul {
list-style: none; /* removes the dots of the listing */
padding:10px;
}

div#menu2 ul li {
display: inline; /* aligns the menu items horizontally */
padding: 10px;
}

Please let me know if you need more assistance with this.
Photo of David Sikora

David Sikora

  • 3 Posts
  • 0 Reply Likes
Thank you Stefan, works fine ! =)
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Great to hear that!