Le 23 avr. 2014 à 16:53, Rick Gordon <li...@rickgordon.com> a écrit :
> I'm just setting up a new WordPress blog (my first using WordPress), and am > having a problem with the submenus in the navigation menu are being clipped > to their container at the two smallest responsive sizes: <479 and 480-767. > (It works fine at larger widths.) I've modified my template from the Modern > Blog Template by richWP <http://richwp.com/themes/modernblog/>. > > I've searched through my style.css to search out pertinent instances of > overflow:hidden and negative z-index, but I'm not turning up anything, and I > haven't nailed a solution yet. > > If anyone wants to take a peek at http://www.theshelterblog.com/, I'd > appreciate any insights. You are looking at this with a Webkit/Blink based browser, right (Safari, Chrome)? In those two browsers, that navigation displays as 2 columns, and there is indeed clipping on the submenus. In Firefox on the other hand, the navigation is displayed as a single column, and the parent blocks expand when the submenus are visible. The reason for that clipping is the -webkit-column-count (multi-col layout). Why the -moz-column-count doesn’t kick in in Firefox I don’t know, yet… This is now considered a bug in webkit/blink based browsers (the wording of the spec wasn't as clear in past versions of the spec text). http://dev.w3.org/csswg/css-multicol/#overflow I'm told that these issues will soon be fixed in Safari nightly builds. No clue about the Chrome status. Here is an example based on your menu. I've stripped out most of the styling… Narrow your browser windows and compare Firefox vs Safari/Chrome. http://dev.l-c-n.com/_temp/RG-cssd-20140423.html Philippe -- Philippe Wittenbergh http://l-c-n.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
