Twenty-sixteen Dropdown Menu Issue

  • Hi everyone,

    I’m using twenty-sixteen as default theme on my website.
    However, for some weird reason which I haven’t figured out, the downward arrow in the dropdown menus appears two time (see https://brigatadinotte.com/). This is not a huge issue, but it’s really annoying.

    Anyone has any suggestion how I can fix it? Nothing seems amiss with style.css

    Thanks

Viewing 1 replies (of 1 total)

  • Hi,

    I stumbled across your post whilst trying to fix another problem:

    In your style.css it’s got two references to the arrow (I think where you’ve changed how the arrows sit in the drop down navigation).

    To get rid of the double arrows: You should comment out the content: “f431” on line 3058, like I’ve done below:

    .main-navigation .menu-item-has-children > a:after {
		/* content: "\f431"; */
		position: absolute;
		right: 0.625em;
		top: 0.8125em;
	}

    Then, you’ll only have one – but it will make your drop downs look odd, so change line 3071 to left: -1em to make your side arrow sit a little bit forward of the text. 

    .main-navigation ul ul .menu-item-has-children > a:after {
		left: -1em;
		top: 0.875em;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

    That should sort it out ??

Viewing 1 replies (of 1 total)
  • The topic ‘Twenty-sixteen Dropdown Menu Issue’ is closed to new replies.