Submenu Border Triangle

[Stoffl]

HI, how to add in a Border a triangle in the Submenu

Look Like:

2017-11-06_1056

the only way I found would be through a child theme
thank you

[thai]

Hi There,

Please try adding the following CSS under Customizer > Custom > Global CSS:

.masthead-inline .x-navbar .desktop .sub-menu:before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(0,0,0,0.5);
  content: "";
  width: 0;
  height: 0;
  position:absolute;
  top: -7px;
  left: 20px;
}

[Stoffl]

@thai

.masthead-inline .x-navbar .desktop .sub-menu:before {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid rgba(0,0,0,0.5);
content: “”;
width: 0;
height: 0;
position:absolute;
top: -7px;
left: 20px;
}

Thank you! that work fine!

Final code:

.masthead-inline .x-navbar .desktop .sub-menu:before {
content: “”;
width: 1.0rem;
height: 1.0rem;
position: absolute;
border: 1 solid transparent;
border-left: 1px solid #cdc7b6; /* Im unteren Beispiel .0625rem /
border-top: 1px solid #cdc7b6; / Im unteren Beispiel .0625rem */
transform: rotate(45deg);
top: -8px;
left: 20px;
background-color:white;
}


[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.