Drop down menu icon square

Apparently the character codes for the chevron glyphs in the Astra font no longer exist. This is something Astra will need to resolve for you. In the interim, the following should show something better than the rectangle. Add this to the Additional CSS panel of the customizer:

.ast-button-wrap .menu-toggle .menu-toggle-icon::before {
    content: "\2304";
    font-size: 250%;
    font-weight: 700;
    margin-top: -1.5em;
    position: absolute;
}
.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon::before {
    content: "\2303";
}

This will need to be removed when ever there’s a proper fix in place, or turn it into a comment by demarcating with /* */. You can fiddle with the dimensional values (% and em units) if you like.

Thanks @bcworkz for the temp solution. I was having the same issue and this worked. I am noticing the submenu toggle is still showing the erroneous square instead of a chevron/carat. Wondering if you had any tips for that section. The part in your CSS I am not familiar with is the * content: “/2304” * (or “/2303”, respectively). The site with the issue is https://hometownlandbuyer.com/.

Appreciate any insight! Thank you!

@bcworkz Adding to my post above, I see that content: “\2304” etc is used for the chevron icon. However, I’m still unable to get it to work for my sub-menu.

Thanks @bcworkz for the solution…

Hi @bcworkz Sorry for the delayed response of gratitude but thanks for your help! I think I applied some code in there and that fixed it, but I also realized it’s good practice to have a child theme, not sure if that was messing with it as well + what you said about the chevron not being in existence. Thanks again for all of your help and glad to see it helped others!