【问题标题】:WP Menu - insert image next to li on dropdownWP Menu - 在下拉列表中的 li 旁边插入图像
【发布时间】:2014-04-28 09:33:53
【问题描述】:

我想将单个图像添加到子菜单项右侧的下拉菜单中,类似于此图像中显示的内容:

父菜单是

<li id="menu-item-286"</li>

这是我的主导航的代码:

    <!-- main nav   -->
        <nav class="primary-nav-container">
            <button class="primary-nav-button"><img src="<?php echo get_template_directory_uri(); ?>/images/menu-icon-large.png" alt="<?php esc_attr_e( 'Toggle Navigation', 'minimize' ); ?>" /><?php _e( 'Navigation', 'minimize' ); ?></button>

            <?php
                wp_nav_menu( array(
                    'theme_location' => 'primary_nav',
                    'container' => false,
                    'menu_class' => 'primary-nav menu',
                    'menu_id' => 'primary-nav',
                    'fallback_cb' => 'sds_primary_menu_fallback'
                ) );
            ?>
        </nav>

我希望这是有道理的,我感谢任何帮助

谢谢

【问题讨论】:

  • 到目前为止你做了什么?你想要子菜单的图像部分吗?
  • 我还没有做任何事情我不知道如何实现这一点,是的,我希望它显示在子菜单项旁边的右侧

标签: php html css wordpress drop-down-menu


【解决方案1】:

我刚结束使用 ul:after{content:url(image-path);} 并适当定位。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-11-11
    • 2019-02-08
    • 1970-01-01
    • 2014-01-17
    相关资源
    最近更新 更多