Archived topic

Off Canvas Menu text left, arrow right

5 replies · Started by Michael on August 9, 2021

Viewing posts 1–6 of 6

August 9, 2021 at 12:14 am #1888723

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

August 9, 2021 at 4:10 am #1888993

Hi there,

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

August 9, 2021 at 4:21 am #1889006

Thanks David.

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

August 9, 2021 at 5:14 am #1889071

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 
}

August 9, 2021 at 5:20 am #1889072

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

August 9, 2021 at 6:08 am #1889137

Glad to be of help! And you too!

This archived topic is closed to new replies.

Start building better websites today.