标题由两个跨距组成,这两个跨距定义了各自的宽度(在桌面视图中):
<div class="container">
<div class="row">
<div class="span3"> <!-- I have a width of 270px at desktop view -->
<div id="logo">
<!-- your logo here is constrained to the parent span width of 270px -->
</div>
</div>
<div class="span9"> <!-- I have a width of 870px at desktop view -->
<nav id="mainmenu">
<!-- your menu here is constrained to the parent span width of 870px -->
</nav>
</div>
</div>
</div>
您需要相应地编辑这些跨度,有几种方法可以做到这一点:
您的主题可能会在后端仪表板中为您提供选项,允许您指定/修改徽标区域的宽度。
如果不是,则应重写包含上述标题标记的主题模板文件child theme (recommended).
我会开始看你的header.php
在父主题目录中nova-lite
查看它是否包含上述标记。如果没有,则可以将其包含在另一个模板文件中。
找到后,在子主题中覆盖它,并将跨距修改为更适合徽标的跨距,如span5
和span7
用于菜单。您总共有12列要处理,因此请根据需要将它们拆分。
您的主题还使用了旧版本的Bootstrap,版本2.3.2,其文档可在此处找到:http://getbootstrap.com/2.3.2/