Nav Bar problems

  • Resolved nca87

    (@nca87)


    12 years, 3 months ago

    Hello,

    Could someone please look at my site here:
    https://www.slowfoodcascais.com and please tell me what is the problem with the nav bar.

    I created parent pages and child pages underneath, I want one line of pages on the nav bar and when you hover the sub tiers show the other pages, but now it is all over the place, could someone please help?

    Thank you,
    NCA

Viewing 4 replies - 1 through 4 (of 4 total)

  • check your CSS

    Use the following code under your stylesheet:

    .main ul li {
 display: inline;
 float: left;
 text-align: center;
 margin: 0;
 position:relative;
}
.main ul ul {
  display:none;
  width:200px;
  position:absolute;
  top:100%;
  left:0;
  z-index:9999;
  border:1px solid #ddd;
}
.main ul ul li{
  display:block;
  width:100%;
  border-bottom:1px solid #ddd;
}
.main ul li:hover ul{
  display:block;
}
    Thread Starter nca87

    (@nca87)

    Oh, thank you very much! It is looking much better now. Thanks for your support.

    To display your navigation in one line reduce padding from left and right of .menu ul li a,.menu ul li a:hover, and also from .current-item.
    Change

    padding:20 30px;

    To

    padding:20 25px;

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Nav Bar problems’ is closed to new replies.