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

Home Forums Support Off Canvas Menu drop down arrow makes menu-text go off-center

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1248941
    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

    #1248997
    David
    Staff
    Customer Support

    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
    }
    #1249650
    Lars

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

    #1250013
    Leo
    Staff
    Customer Support

    Then just remove this existing CSS:

    .main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {
        text-align: center;
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.