Decimal / UL Listing
-
http://quirktools.com/screenfly/#u=http%3A//www.logicweb.com/kb&w=320&h=568&a=37
On the mobile version of this WP install, the menu’s dropdown shows decimal list style.
I cannot for the life of me figure out how to fix this. I’ve tried so many variations that you’d think would work. Some below but won’t. The issue is that the actual posts had problems with TinyMCE not picking up the sub-lists as decimal or circle. I was advised in another forum post here to use this:
ol, ul, li { list-style: decimal !important; line-height: 24px !important; } ol li { list-style-type:decimal !important; margin-left: 25px; } ul ol li { list-style-type:decimal !important; margin-left: 25px; }That fixed the listing issue within the posts, but the issue is not getting fixed in mobile version for the menu itself. Any help is appreciated.
@media only screen and (max-width: 479px) { .nav .navbar .dropdown-menu > ul { list-style: outside none none !important; color:#fff !important; display: block !important; margin-left: 40px; } .dropdown-menu > ul > li { font-size: 13px !important; font-weight: 300 !important; list-style: outside none none !important; } .dropdown-menu > li > a { display:block; font-size: 13px !important; font-weight: 300 !important; color: #fff !important; border-top: 1px solid rgba(255, 255, 255, 0.06); padding: 6px 15px; line-height: 18px; list-style: outside none none !important; } }
The topic ‘Decimal / UL Listing’ is closed to new replies.