Archived topic

Align menu Item different than the rest

3 replies · Started by Rylan Urban on September 16, 2016

Viewing posts 1–4 of 4

September 16, 2016 at 9:04 am #226985

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?

September 16, 2016 at 9:23 am #227008

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 :)

September 16, 2016 at 10:04 am #227017

Brilliant.

Thanks!

September 16, 2016 at 10:05 am #227018

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.