[Resolved] Flip the secondary navigation menu text and icon

[Deepak]

Hello,

I see now with GP 3.0 we can set left sidebar also sticky which as I understand was not possible with 2.X

I hope this was an intentional move 🙂 as I have switched my sidebar contents accordingly and now my left bar is sticky which I always wanted 🙂

So now the problem is my secondary navigation menu which is in the right sidebar. The dropdown(toggle) icon is set to float in the right while the text is aligned in the left.

Can we switch the toggle menu to left and the text to be aligned in the right so that when someone hovers on the menu, the sub menu appears the same side as the toggle icon

[Tom]

Hi there,

Try this CSS:

.gen-sidebar-secondary-nav .secondary-navigation .menu-item-has-children .dropdown-menu-toggle {
    float: left;
}

.gen-sidebar-secondary-nav #secondary-navigation li a {
    text-align: right;
    padding-right: 20px;
}

[Deepak]

Thanks Tom

It is Working 🙂

[Tom]

You’re welcome 🙂

[Author]

Posts