[Resolved] Off Canvas Menu drop down arrow makes menu-text go off-center

[Lars]

Hello

I am working with the Off Canvas Menu and want the small arrow on the right (the one that links to the drop down menu) not to make the text-item in the menu go off-center. I feel sure that it is possible to make it behave like it’s not there in terms of being an element in relation to other elements, but still being visible and clickable. CSS for this?

Link to page for admins and image of what I mean here.

Thanks for any help

[David]

Hi there,

try this CSS:

.slideout-navigation.main-navigation .main-nav ul li a {
    position: relative;
}
.slideout-navigation.main-navigation .main-nav ul li a .dropdown-menu-toggle {
    position: absolute;
    right: 0
}

[Lars]

Excellent! Just like that. And if I want to have the text to the left, instead of the center?

[Leo]

Then just remove this existing CSS:

.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {
    text-align: center;
}

[Author]

Posts