[Resolved] Align menu Item different than the rest

[Rylan Urban]

Hey Tom.

I’m looking to align ONE of my menu items to the left, while keeping the rest aligned to the right.

You can see on http://voyagesolarenergy.com the example.

I would like the phone number aligned left.

I tried aligning the menu in general (through customize) to the right, and then adding a specific css class
menu-item-align-left for the phone number.

But this doesn’t seem to be working.

Any thoughts?

[Tom]

Hi Rylan,

.menu-item-float-left doesn’t exist by default, but you can add it:

@media (min-width: 769px) {
    .menu-item-float-left {
        float: left !important;
    }
}

Hope this helps 🙂

[Rylan Urban]

Brilliant.

Thanks!

[Tom]

You’re welcome 🙂

[Author]

Posts