Viewing 6 replies - 16 through 21 (of 21 total)
  • Top man. In fact, I have now identified a second cause of my problem – the new ‘Enable/disable smooth scroll on click’ setting. When enabled, the 3-bar menu won’t reveal its sub-menus.

    Theme Author presscustomizr

    (@nikeo)

    Thanks @chappie : you are a debugger!
    This problem is caused by the new link option. I am fixing it.

    Thanks you very much for all those feedbacks, it really helps me and the theme’s users!

    @nico – I know. I’ve been called something very similar in the past…

    You’ll be way ahead of me on this but I was able to restore full 3-bar menu functionality in 3.1.5 by
    a) turning off Main Menu hover
    b) turning off Smooth Scroll to tag AND
    c) re-entering my previous hover menu Custom CSS:

    /* start hover dropdown menu */
    ul.nav li.dropdown > ul.dropdown-menu {
    	padding-top: 10px;
    	margin: 0;
    	}
    .nav > li > a.a-caret {
    	display: block;
    	padding: 8px;
    	position: absolute;
    	height: 10px;
    	width: 10px;
    	top: 1px;
    	left: 10px;
    	}
    .nav > li > a.a-stripped {
    	padding: 5px 2px 5px 38px;
    	}
    .navbar .nav .dropdown-toggle .caret {
    	margin-top: 4px;
    	margin-left: 1px;
    	}
    .navbar .nav > li > .dropdown-menu:before {
    	left: 16px;
    	}
    .navbar .nav > li > .dropdown-menu:after {
    	left: 17px;
    	}
    .navbar .navbar-inner {
    	box-shadow: 0 2px 15px rgba(0,0,0, 0.12);
    	}
    .navbar .nav > li > .dropdown-menu:before {
    	border-bottom: 7px solid rgba(153, 153, 153, 0.27);
    	}
    .navbar .nav > li > .dropdown-menu:after {
    	border-bottom: 6px solid rgba(255,255,255,.9);
    	}
    .navbar .nav li.dropdown.open > .dropdown-toggle,
    .navbar .nav li.dropdown.active > .dropdown-toggle,
    .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    	background-color: #ececec;
    	border-radius: 4px;
    	box-shadow: inset 0 2px 3px rgba(0,0,0,.35);
    	}
    @media (min-width: 980px) {
    	ul.nav li.dropdown:hover a.a-caret + ul.dropdown-menu,
    	ul.nav li.dropdown a.a-caret:hover + ul.dropdown-menu,
    	ul.nav li.dropdown ul.dropdown-menu:hover {
    		display: block;
    		z-index: 1001;
    		}
    	}
    @media (max-width: 979px) {
    	.nav > li > a.a-caret {
    		box-shadow: 0 1px 3px rgba(0,0,0,.35);
    		height: 12px;
    		width: 12px;
    		top: 2px;
    		left: 8px;
    		}
    	.nav > li > a.a-stripped {padding-right: 45px; padding-left: 45px;}
    	ul.nav li.dropdown.open ul.dropdown-menu  {
    		background-color: #ececec;
    		border-radius: 4px;
    		box-shadow: inset 0 2px 3px rgba(0,0,0,.35);
    		}
    	.dropdown-submenu > a:after {
    		border-left-color: transparent;
    		border-top-color: #ccc;
    		border-width: 5px 5px 0 5px;
    		}
    	.dropdown-submenu:hover > a:after {
    		border-top-color: #fff;
    		}
    	.dropdown-submenu:hover > a:after {
    		border-left-color: transparent;
    		}
    	ul.nav li.dropdown.open ul.dropdown-menu .dropdown-submenu ul.dropdown-menu {
    		background-color: white;
    		box-shadow: inset 0 1px 4px rgba(0,0,0,.27);
    		display: block;
    		position: relative;
    		margin-right: 4px;
    		bottom: 2px;
    		}
    	ul.nav li.dropdown.open ul.dropdown-menu .dropdown-submenu:hover > a {
    		color: white;
    		}
    	}

    Oh, that reads as if it’s MY code when, of course, it’s Andrei’s great snippet.

    Thanks @chappie : you are a debugger! @nico – I know. I’ve been called something very similar in the past…

    Nic just loves the British sense of humour ??

Viewing 6 replies - 16 through 21 (of 21 total)
  • The topic ‘menu hover snippet broken in mobile screens’ is closed to new replies.