submenue items with arrowhead

eckart-bartnik · 2020-05-13 04:41:04

Since a while I have an arrowhead next to my submenue items in the mobile display vertical Navigation. These arrowheads point to the baseline of the font. How can I get rid of them or position them in a way that they point towards the midline of the font? Please see the provided screenshot.
Thanks for help!

https://eckart-bartnik.de/photos/arrowheads submenue.jpg

rod barbee · 2020-05-13 05:55:12

Your image can't show on the forum with a space in its name.

rod barbee · 2020-05-13 06:01:39

I just looked at your site. It's your custom css. The font-size and line-height you're applying to the vertical menu are doing it.
Try changing the line height of the arrow icon to match:

nav.nav_v .menu-item > a::after {
line-height: 22px;
}

gaufde · 2020-05-13 06:02:41

You can change the way that those arrows behave using custom css. If you haven't used this feature before, you can look at the documentation here: https://backlight.me/docs/custom-stylesheets

This code can be used to hide the arrow symbols on vertical navigation:

nav.nav_v .menu-item li a::after{
    display: none;
}

I'm not really sure why there aren't centered as that is the default behavior on my website (thought I don't have sub-menus in my current navigation). [Edit: Rod already answered this part]

Last edited by gaufde (2020-05-13 06:09:18)

eckart-bartnik · 2020-05-14 03:36:42

Thanks Rod and Graceson!
Rods tip centered the arrow, that looks fine and I leave it with that (never Change a working system). Thanks a lot for your help!
Best regards
Eckart

rod barbee · 2020-05-14 03:44:12

Community @ The Turning Gate

#1 2020-05-13 04:41:04

submenue items with arrowhead

#2 2020-05-13 05:55:12

Re: submenue items with arrowhead

#3 2020-05-13 06:01:39

Re: submenue items with arrowhead

#4 2020-05-13 06:02:41

Re: submenue items with arrowhead

#5 2020-05-14 03:36:42

Re: submenue items with arrowhead

#6 2020-05-14 03:44:12

Re: submenue items with arrowhead

Board footer