[Resolved] Off Canvas Menu text left, arrow right

[Michael]

Hello

I am working on the off canvas menu. Struggeling a bit with the proper alignment of the dropdown arrow.
Tried using “margin-left”, however this only works partly and is not a good solution.

Also saw a similar topic here – but it does not work in my case.

How can I make the text in the off canvas menu aligned left (already the case) and the dropdown arrow on the right side so they are properly aligned?

Thanks in advance
Michael

[David]

Hi there,

can you remove any Custom CSS you have already added and ill provide some separate CSS?

[Michael]

Thanks David.

Done – so you think there is an issue/glitch within the existing custom CSS?

[David]

Sometimes its easier to start afresh, and use a different method, as the default Floats CSS is a pain in the back side.

Try adding this CSS to align text left, and drop down right:

#generate-slideout-menu.do-overlay .main-nav .slideout-menu li {
    text-align: left;
}
#generate-slideout-menu.do-overlay .main-nav .slideout-menu li a {
    display: flex;
    justify-content: space-between 
}

[Michael]

Exactly what I wanted to get, thank you so much.
Have a great day!

[David]

Glad to be of help! And you too!

[Author]

Posts