在 wordpress 主题的移动导航栏中添加站点名称答案

【问题标题】：Add site name in mobile nav bar in wordpress theme在 wordpress 主题的移动导航栏中添加站点名称
【发布时间】：2019-01-27 16:39:57
【问题描述】：

我已经在我的网站上安装了 WordPress 主题，我希望在移动导航栏中添加网站名称，靠近切换按钮，就像这张图片 https://i.imgur.com/00kP8xu.png 但正如你所看到的，它没有居中，我怎么能垂直居中呢。另外，你可以在我的网站http://grants.purple.kz查看它

我的 HTML 代码

<div class="menu-mobile">
        <div class="trigger-nav">
            <div class="trigger-icon nav-toogle menu-mobile-toogle">
                <a href="#">
                    <span class="icon-bar top"></span>
                    <span class="icon-bar middle"></span>
                    <span class="icon-bar bottom"></span>
                </a>
            </div>
        </div>
        <div style="font-size:150%; color:white; margin-left:60px"><?=get_bloginfo('name')?></div>
        <div class="trigger-nav-right">
            <ul class="nav-right-options">
                <li>
                    <span class="icon-search">
                        <i class="thememattic-icon ion-ios-search"></i>
                    </span>
                </li>
                <li>
                    <a class="site-logo site-logo-mobile" href="<?php echo esc_url(get_home_url()); ?>">
                        <i class="thememattic-icon ion-ios-home-outline"></i>
                    </a>
                </li>
            </ul>
        </div>
    </div>

那么我可以为垂直中心站点名称做什么？

【问题讨论】：

标签： html css wordpress

【解决方案1】：

尝试：应该这样做。

<div style="font-size:150%;color:white;margin-left:60px;margin-top: -7px;">Grants</div>

地址：margin-top: -7px;

这是你要问的吗？这可能不是最好的方法。但是，这应该可以完成工作。

【讨论】：