markdown 删除布鲁克林的汉堡菜单(新设置允许最多7个链接)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了markdown 删除布鲁克林的汉堡菜单(新设置允许最多7个链接)相关的知识,希望对你有一定的参考价值。

**Theme**: Brooklyn

**Last version(s) tested**: VERSION 12.1.2

**Recommended design time**: 10 minutes


## What you have:
![.](https://screenshot.click/28-57-1eh1a-fzth2.jpg)

## What you want:
![.](https://screenshot.click/28-52-jnwxk-5cu49.jpg)

## What you do:
Step 1:
Open `header.liquid`. 

1. Find this code `<div class="grid__item large--one-third medium-down--one-half">`

2. Replace it with ` <div class="grid__item large--one-twelfth medium-down--one-half">`

3. Find this code `<nav class="grid__item large--two-thirds large--text-right medium-down--hide" role="navigation">`

4. Replace only the **class** with `grid__item large--eleventh-twelfth large--text-right medium-down--hide`

5. Find this code `<h1 class="site-header__logo large--left" itemscope itemtype="http://schema.org/Organization">`

6. Add an **id** to it. `id="site_header_logo"`.

7. The code with id should look like ` <h1 id="site_header_logo"class="site-header__logo large--left" itemscope itemtype="http://schema.org/Organization">`

8. Save the file

Step 2:
Open Theme.scss.liquid

1.At the bottom of the file add this code: 

```
@include at-query($min, $large) {
     #site_header_logo{
      margin-left:-200px;
    }
}

2. Save the file.


以上是关于markdown 删除布鲁克林的汉堡菜单(新设置允许最多7个链接)的主要内容,如果未能解决你的问题,请参考以下文章

markdown 汉堡菜单动画集

Android 自定义View绘制汉堡菜单

markdown 将搜索框弹出/模态添加到布鲁克林主题

markdown 使移动幻灯片看起来像布鲁克林的桌面幻灯片

toggleClass 不会删除“显示”类

javascript [汉堡菜单]汉堡菜单切换与annimation #js