Question

我已经将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>

那我该如何按垂直字段来显示中心站点名称？

Answer 1

尝试：应该这样做。

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

添加：margin-top: -7px;

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

在Wordpress主题的移动导航栏中添加网站名称

1 个答案: