这是针对我的drupal网站(qdin.me)...我会在这里给出一些背景信息,我试图让我公开的产品搜索过滤器显示在我的主菜单栏中(使用基础主题)。< / p>
我已经通过编辑pages.tpl.php文件和一些css得到了我想要的一切。我将标题栏区域移动到主菜单中。过滤器工作完美,应用按钮工作正常。但链接这里是原始的page.tpl.php(无论如何相关部分):
<?php if ($top_bar): ?>
<!--.top-bar -->
<?php if ($top_bar_classes): ?>
<div class="<?php print $top_bar_classes; ?>">
<?php endif; ?>
<nav class="top-bar"<?php print $top_bar_options; ?>>
<ul class="title-area">
<li class="name"><h1><?php print $linked_site_name; ?></h1></li>
<li class="toggle-topbar menu-icon"><a href="#"><span><?php print $top_bar_menu_text; ?></span></a></li>
</ul>
<section class="top-bar-section">
<?php if ($top_bar_main_menu) :?>
<?php print $top_bar_main_menu; ?>
<?php endif; ?>
<?php if ($top_bar_secondary_menu) :?>
<?php print $top_bar_secondary_menu; ?>
<?php endif; ?>
</section>
</nav>
<?php if ($top_bar_classes): ?>
</div>
<?php endif; ?>
<!--/.top-bar -->
<?php endif; ?>
现在这是我编辑后的
<?php if ($top_bar): ?>
<!--.top-bar -->
<?php if ($top_bar_classes): ?>
<div class="<?php print $top_bar_classes; ?>">
<?php endif; ?>
<nav class="top-bar"<?php print $top_bar_options; ?>>
<ul class="title-area">
<li class="name"><h1><?php print $linked_site_name; ?></h1></li>
<li class="toggle-topbar menu-icon"><a href="#"><span><?php print $top_bar_menu_text; ?></span></a></li>
</ul>
<section class="top-bar-section">
<?php if ($top_bar_main_menu) :?>
<?php print $top_bar_main_menu; ?>
<?php endif; ?>
<?php if ($top_bar_secondary_menu) :?>
<?php print $top_bar_secondary_menu; ?>
<?php endif; ?>
<?php if (!empty($page['header'])): ?>
<?php print render($page['header']); ?>
<?php endif; ?>
</section>
</nav>
<?php if ($top_bar_classes): ?>
</div>
<?php endif; ?>
<!--/.top-bar -->
<?php endif; ?>
现在我已尝试将每个包装在自己的部分,没有骰子。所以我尝试在div中代替仍然是$ linked_site_name的链接(如果你看看我的网站,你会看到“getQdin Commerce”不是链接)并且top_bar_secondary_menu被破坏了(如果你现在看看我的网站,你看不到这部分)。它们甚至不作为链接出现)。如果我把这部分拿出来(我添加的部分):
<?php if (!empty($page['header'])): ?>
<?php print render($page['header']); ?>
<?php endif; ?>
链接工作得很好。
这很难描述,但网站标题/链接和我的二级菜单最终都出现在公开的过滤器块中。
答案 0 :(得分:1)
问题在于您的CSS。该链接实际上仍然存在,但您在标题中放置的表单有一些CSS与标题重叠并隐藏链接。
具体来说,它是你CSS中的这一部分。
.top-bar-section {
left: 0;
position: relative;
transition: left 300ms ease-out 0s;
width: auto;
}
问题是&#34;左:0&#34;和&#34;职位:亲属&#34;。尝试删除您为.top-bar-section设置的多个CSS规则中的那些,这应该可以解决问题。至少,当我删除它时,它在Firebug中为我修复了它。