• Resolved sleeplessindc

    (@sleeplessindc)


    In style.css, there are several places that have li.focus. I searched the theme and can not find a li class=”focus” used anywhere. In one case, there is both li:focus > a and li.focus > a

    Is the li.focus correct? Where is it used? See the lines in the style.css file:

    lines 3481 thru 3490, there is

    	.main-navigation ul li.menu-item-has-children.focus:before,
    	.main-navigation ul li.menu-item-has-children:hover:before,
    	.main-navigation ul li.menu-item-has-children.focus:after,
    	.main-navigation ul li.menu-item-has-children:hover:after,
    	.main-navigation ul li.page_item_has_children.focus:before,
    	.main-navigation ul li.page_item_has_children:hover:before,
    	.main-navigation ul li.page_item_has_children.focus:after,
    	.main-navigation ul li.page_item_has_children:hover:after {
    		display: block;
    	}

    lines 3503 thru 3507, there is

    	.main-navigation ul ul li:hover > ul,
    	.main-navigation ul ul li.focus > ul {
    		left: 100%;
    		right: auto;
    	}

    and in lines 3519 thru 3522, there is

    	.main-navigation li li:hover,
    	.main-navigation li li.focus {
    		background: #767676;
    	}

    and in lines 3529 thru 3545, there is

    	.main-navigation li li.focus > a,
    	.main-navigation li li:focus > a,
    	.main-navigation li li:hover > a,
    	.main-navigation li li a:hover,
    	.main-navigation li li a:focus,
    	.main-navigation li li.current_page_item a:hover,
    	.main-navigation li li.current-menu-item a:hover,
    	.main-navigation li li.current_page_item a:focus,
    	.main-navigation li li.current-menu-item a:focus {
    		color: #fff;
    	}
    
    	.main-navigation ul li:hover > ul,
    	.main-navigation ul li.focus > ul {
    		left: 0.5em;
    		right: auto;
    	}

    lines 3573 thru 3582, there is

    	.main-navigation ul ul li.menu-item-has-children.focus:before,
    	.main-navigation ul ul li.menu-item-has-children:hover:before,
    	.main-navigation ul ul li.menu-item-has-children.focus:after,
    	.main-navigation ul ul li.menu-item-has-children:hover:after,
    	.main-navigation ul ul li.page_item_has_children.focus:before,
    	.main-navigation ul ul li.page_item_has_children:hover:before,
    	.main-navigation ul ul li.page_item_has_children.focus:after,
    	.main-navigation ul ul li.page_item_has_children:hover:after {
    		display: none;
    	}
    • This topic was modified 6 years, 11 months ago by sleeplessindc.
    • This topic was modified 6 years, 11 months ago by sleeplessindc. Reason: added more lines
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘CSS has li.focus’ is closed to new replies.