align icon to right of menu links

  • Resolved klewis

    (@blackawxs)


    8 years, 4 months ago

    When we click on icon (below sub menu and settings) for any link in our custom menu, there are plenty of icons to choose from which is great. I can now see the icon aligned left of the given link, when I view my home page. But how can we align custom icons to be to the right of menu links?

    Thanks

    • This topic was modified 8 years, 4 months ago by klewis.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter klewis

    (@blackawxs)

    Does my original question make sense? or do you need me to add screenshots to help define what I am talking about?

    Thanks

    Plugin Author megamenu

    (@megamenu)

    Hi blackawxs,

    The following custom CSS will float all icons to the right.

    #{$wrap} #{$menu} li.mega-menu-item a.mega-menu-link:before {
    float: right !important;
}

    Note: the plugin isn’t really designed to do this. For sub menu items it will float icons all the way to the right of the column, rather than to the right edge of the text.

    Regards,
    Tom

    Thread Starter klewis

    (@blackawxs)

    This works perfectly as I can target the first level links with >. I could then remove the float adjustment with media queries when in mobile view. Thanks for helping find a solution to this!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘align icon to right of menu links’ is closed to new replies.