如何复制 Webflow 的品牌标题组件？

[Valcoholics (Valerie Andy)]

我不是一个强大的编码员，但我能够很好地定制 Discourse。我能否通过使用检查工具和官方 Discourse 品牌页眉组件来获得 Webflow 品牌页眉的确切布局？我也喜欢他们 logo 的尺寸，有没有办法直接迁移它？

这是我从检查工具中获取的内容：

<div class="navbar w-nav" data-animation="default" data-collapse="small" data-duration="400">
  <div class="customcontainer w-clearfix">
    <a class="logo w-clearfix w-nav-brand" href="https://webflow.com"><img alt="home" class="logoimage" src="https://daks2k3a4ib2z.cloudfront.net/55e66dd8b5daada24f333566/560dc3d501b66e250aca54d7_webflow-white.svg" width="87">
    </a>
    <a class="logo w-clearfix w-nav-brand" href="https://discourse.webflow.com">
      <div class="portalname">Forum</div>
    </a>
    <nav class="nav-menu w-nav-menu" role="navigation">
      <a class="navlink w-nav-link" href="https://webflow.com/community">Community</a>
      <a class="navlink w-nav-link" href="https://university.webflow.com/">University</a>
      <a class="navlink w-nav-link" href="https://university.webflow.com/contact">Support</a>
      <div class="w-dropdown" data-delay="0" data-hover="1">
        <div class="navdropdown w-dropdown-toggle">
          <div class="navdropdowntext">More</div>
          <div class="navdropdownicon w-icon-dropdown-toggle"></div>
        </div>
        <nav class="dropdownmenu w-dropdown-list">
          <a class="dropdownmenulink w-dropdown-link" href="https://wishlist.webflow.com/">Wishlist</a>
          <a class="dropdownmenulink w-dropdown-link" href="https://developers.webflow.com">API Docs</a>
          <a class="dropdownmenulink w-dropdown-link" href="https://university.webflow.com/glossary">Glossary</a>
          <a class="dropdownmenulink w-dropdown-link" href="https://university.webflow.com/integrations">Integrations</a>
        </nav>
      </div>
    </nav>
    <div class="menubutton w-nav-button">
      <div class="menubuttonicon w-icon-nav-menu"></div>
    </div>
  </div>
</div>

我到这里了，但不知道接下来该做什么。

[Canapin (Coin-coin le Canapin)]

我看到你有 HTML 代码。那么，如果你理解我的问题，你也想看看 CSS？

如果从自定义标题中选择一个元素，请点击右侧列中的 SCSS 文件链接：

它将显示相关的 SCSS 代码：

[Valcoholics (Valerie Andy)]

好的，谢谢。根据我的理解，我需要将这段 SCSS 代码放在官方品牌标题的 HTML 代码旁边，但我不知道如何编辑该组件。在这里，最好是创建一个自定义组件，还是导出官方品牌标题组件并在 VSCode 等地方进行编辑？在您向我展示之后，我将其粘贴到了我创建的一个新组件中，但我明白这还不够。

编辑：好的，我认为这对我有帮助，我会带着我的结果回来。Add a custom header with a dropdown menu