css - Fixed element—text won't go to second line -


see here: https://www.invigorlaw.com/practice-areas/securities/ @ width of 1100 pixels or there about.

panel on right side of screen looks until scroll down, text goes multiple line 1 line , can't see of text.

only difference between elements can tell top static , bottom fixed.

any advice on how text display on multiple lines immensely appreciated.

just put css

ul.sidenav-ul { width: 237px; }

that's quick dirty efficient fix, happens when position: fixed kicks in, element taken out of context (that's why have z-index) can think of 3d in way. affix there had width: 100% , position: static; , because of never go more viewport, absolute, fixed, relative can, , text stretched whole container. limiting text whole list width make elements inside stick that, text same.

this resource learn this: http://www.barelyfitz.com/screencast/html-training/css/positioning/


Comments

Popular posts from this blog

javascript - Bootstrap Popover: iOS Safari strange behaviour -

Magento/PHP - Get phones on all members in a customer group -

session - Logging Out Using PHP -