Submenu getting cut off/hidden

  • homemadejam

    (@homemadejam)


    8 years ago

    The submenus for this site are getting cut off at the border of the content area. How do I prevent this?
    https://nextlevel.pairserver.com/

    I tried raising the z-index of the submenu, but it did not affect it.

    #header .header-links .sub-menu {
	display: none;
	float: left;
	position: absolute;
	z-index: 99999999; /*edit - original was 99999*/
	background: #FFF;
	border-top: 2px solid #E0484C;
	border-bottom: 1px solid #E3E3E3;
}

    Is it the body-core code that is doing this perhaps?

    body.layout-boxed #body-core, body.custom-background #body-core {
    max-width: 990px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
}
Viewing 4 replies - 1 through 4 (of 4 total)
  • Pioneer Web Design

    (@swansonphotos)

    This CSS is also present:

    
#body-core {
    background: white;
    min-width: 320px;
    overflow: hidden;
}

    Change it to:

    
#body-core {
    background: white;
    min-width: 320px;
    overflow: initial;
}

    see: https://www.w3schools.com/CSSref/pr_pos_overflow.asp

    Thread Starter homemadejam

    (@homemadejam)

    Thanks Pioneer Web Design for that suggestion.

    I’ve tried switching from overflow: hidden to overflow: initial but I’m afraid it does not resolve the issue – the submenus are still clipped at the edge of the content area.

    I may just do away with the sub-submenus and just go with landing pages.

    Thread Starter homemadejam

    (@homemadejam)

    Aha! Always pays to fiddle about…

    It needed to be set to overflow: inherit to work.

    Thanks for setting me in the right direction, Pioneer Web Design.

    Resolved!

    Pioneer Web Design

    (@swansonphotos)

    For us all to see this issue here, please know that the CSS that was edited was:

    
body.custom-background #body-core

    and not 

    
#body-core

    Oh, and you are welcome!

    The order of the styles matters.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Submenu getting cut off/hidden’ is closed to new replies.