css - 在菜单切换旁边显示购物车符号？

Question

我有一个小问题不知道如何解决。我使用插件来显示具有下拉效果的自定义购物车符号。现在我想融入我的主题。插件提供简码。我尝试以这种方式使用 php 放置简码:

<?php echo do_shortcode("[nwadcart_widget]"); ?>

但似乎显示在内部菜单切换下方。我想在切换旁边显示，如下图所示:

这是我的主题 Remix 中的代码，来自 header.php

<div class="menu-toggle">

            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 18" enable-background="new 0 0 18 18" xml:space="preserve">

                <rect y="3" width="18" height="2"  class="svgfill"></rect>

                <rect y="8" width="18" height="2"  class="svgfill"></rect>

                <rect y="13" width="18" height="2"  class="svgfill"></rect>

            </svg>

        </div>

我还注意到可以在那个地方显示社交图标。这是显示社交图标的代码，因此可以将短代码放在那里。

<ul class="social-networks">

<?php foreach($iron_croma_social_icons as $icon): ?>

    <li>

        <a target="_blank" href="<?php echo esc_url($icon["social_media_url"]); ?>">

             <?php if(!empty($icon["social_media_icon_url"])): ?> 

                /*<img src="<?php echo esc_url($icon["social_media_icon_url"]); ?>" style="max-height:50px;">*/
                <?php echo do_shortcode("[nwadcart_widget]"); ?>

            <?php else: ?>

                <i class="fa fa-<?php echo esc_attr($icon["social_media_icon_class"]); ?>" title="<?php echo esc_attr($icon["social_media_name"]); ?>"></i>

            <?php endif; ?>

        </a>

    </li>



<?php endforeach; ?>    



</ul>

我的网站 URL如果有人需要查看它。

Answer 1

如果您想通过 css 添加，那么这将很有帮助

a.wpmenucart-contents {
    position: fixed !important;
    top: 20px !important;
    right: 70px !important;
}