Problem with drop down menue format

  • Resolved StuBlack

    (@stublack)


    10 years, 8 months ago

    Recently made some changes to our site – braintrainuk.com which involved changes to the menu structures.

    Problem is that when you hover over ‘Other Conditions’ the menu displayed doesn’t show one item per line but seems to try to fit as many menu items per line as possible.

    My hypothesis is the problem/solution is in this CSS code:

    .navigation .menu li .sub-menu{
    background:#f16149;
    position:absolute;
    min-width:320px;
    width:100%;
    padding:15px;
    text-align:left;
    z-index:-1;
    top:38px;
    left:0;
    border-radius:0 0 8px 8px;
    -moz-border-radius:0 0 8px 8px;
    -webkit-border-radius:0 0 8px 8px;
    box-shadow:0 0 5px #000;
    display:none

    Any advice gratefully received !

    Stuart

Viewing 2 replies - 1 through 2 (of 2 total)
  • ModularBase

    (@modularbase)

    10 years, 8 months ago

    In your CSS, you have:

    .navigation .menu li .sub-menu li{
	font-size:14px;
	padding-bottom:0;
	line-height:20px
}

.navigation .menu li .sub-menu li a{
	display:block;
	padding:5px 11px;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0
}

    Try adding to “.navigation .menu li .sub-menu li”:

    width:100%;
display:block;

    and adding to “navigation .menu li .sub-menu li a”:

    width:100%;

    Thread Starter StuBlack

    (@stublack)

    10 years, 8 months ago

    Thanks so much, worked perfectly.

    Stuart

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Problem with drop down menue format’ is closed to new replies.