Drop down arrow turned into square

Hello @bibber

You can achieve this by applying following CSS code.

#access > .menu > ul li > a:not(:only-child) > span:after {
    /* font-family: "Gotham A", "Gotham B"; */
    font-style: normal;
    font-weight: 700;
    content: '\e80a';
    position: absolute;
    right: 9px;
    top: 16px;
    z-index: 5;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

Remove font-family…

https://i.is.cc/2PcBBNzc.png

Hope this will help.

Thanks.

Hi, and thanks for trying to help me. Unfortunately removing the font is not an option – because it is specifically chosen by the client.

I have been thinking of other options: e.g. make the box/arrow transparent (change color) – or manipulate with the aria.haspoup which seems to trigger the thing…

But has not been able to find solutions so far…

Do you know where your ‘Gotham A’ font came from? It’s not in your theme’s fonts stylesheet: https://www.bioguldborgsund.dk/udvikling/wp-content/themes/nirvana/fonts/fontfaces.css?ver=1.4.1

Hi Andrew,
Yes the font is a bought web-font from Hoefler & Co. (by request of the client)

How did you end up getting the font into your website to begin with?

It is a web-font. You buy the right to use it for a determinated time. You install a link on your website towards a URL that you have received from the company where you bought the right.

You modify your CSS as regards font-name – and it’s on the the site.