WordPress.org

Ready to get started?Download WordPress

Forums

Vihv Menu
Bad position (2 posts)

2 stars
  1. yuribini
    Member
    Posted 1 year ago #

    the icons are far removed from the menu and also has no direct control to the image

  2. Vigorous Hive
    Member
    Plugin Author

    Posted 1 year ago #

    I can add a field for custom css rules, if you want, but i do not think it is good idea.

    Image position is up to your theme. Vihv Menu is backend plugin. Ordinary menu item has html code like this:

    <a href="http://me/wpsandbox/?page_id=709">Services</a>

    and vihv menu replaces it with this

    <a href="http://me/wpsandbox/?page_id=709">
      <img alt="Home" src="http://www.vihv.org/images/shortcut.png">
      <span>Services</span>
    </a>

    As you can see, you have 2 separate html tags for icon and for menu item title. That's enough to control everything. For example you can change default layout
    [icon] [title]
    to
    [title] [icon]
    with simple css rule like this

    .menu a img {
      float: right;
    
    }

    If images are far from menu on your theme it means that some of css rules in your theme apply to menu images. You can change active theme for a second and see the difference. And you can use rightclick->inspect element (in chrome and opera) to find that naughty rule.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.