Docs

[jessie l]

i want my sub menu and child sub menu to be align in the right

i tried adding css code
float: right !important; but none are working.
i see it works on inspect element but when applied to the site nothing happen.

see screenshots. that is what i want to happen

http://chiselblue.com/gpartnersnew/

[Prasant Rai]

Hello Jessie,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.desktop ul.sub-menu {
    left: 20px !important;
}

Thanks.

[jessie l]

This reply has been marked as private.

[Rupok]

Hi there,

Perhaps we didn’t get you properly. Would you clarify with a screenshot that what you exactly referring by right align? Do you want to align the text or whole submenu? A screenshot would help I guess.

[jessie l]

i want to align the whole sub menu in the right

[Rupok]

Hi there,

Thanks for writing back. Let’s add this CSS :

.desktop .sub-menu {
  left: 0 !important;
}

.desktop .sub-menu .sub-menu {
  left: 100% !important;
}

Hope this helps.

[jessie l]

did you try this out? because this still not work for me 🙁

[Rupok]

Hi there,

I have tested the code on your site so it should work fine. I guess your previous code has some issue, perhaps not closed properly. Make sure to close them properly.

Thanks!

[Friech]

Hi There,

I just check Rupok’s code and that did work, it did move the child sub-menu to the right.

Here’s the code to text-align the sub menu items to the right.

.desktop .sub-menu li>a {
	text-align: right;
}

Add the code on top of your Custom CSS, then check your entire custom CSS here: http://csslint.net/ to see what the issue.

Thanks.

[jessie l]

i guess you are right. there is a conflict on my old css code. i remove all the css code and put your code and it’s working.
thanks man. really appreciated 🙂

[Paul R]

You’re welcome! 🙂

[Author]

Posts