淘宝导航条和自定义缝隙该如何设置和去除

卖家用户需要先进入到卖家中心界面，将自己店铺的宝贝分类设置好之后，再来操作淘宝导航条的设置，在进行导航条设置之前还需要卖家提前规划好自己的店铺需要植入哪些频道内容。d1

计划好之后，卖家需要进入到店铺装修界面，选择操作的端口是电脑端还是无线端的展示设置，以pc端为例选择完成之后，进入到首页设置选项，装修页面后会出现新的界面，在这里就有店铺首页的版面布局以及进行板块分类和图片上传。在界面的顶部位置大家需要上传店铺的门头店招图片，在其下方防止，将鼠标放上去之后就会出现一个编辑的按钮，大家这个按钮，所示：

这里就是大家进行店铺导航条设置的地方了，进入编辑会有一个添加的功能选项，这个添加将提前规划好的类目编辑进去，然后保存，就完成了。完成了导航条设置之后，在这块的内容和下面的自定义板块之间会有一个缝隙存在的，所示：

这个缝隙的存在会影响到首页界面的美观度和紧密度，能不能将它去除呢?是可以操作去除的，但操作起来有点麻烦需进行一些代码的更改，在自定义板块的编辑时是有代码显示的，大家需要在这些代码中找到下图红色方框标准的代码：

第一个方框是指自定义模块的高度原来是200px，大家需要减掉20px，200-20=180。第二个红色框内的css样式不用管，它是淘宝自带样式用于模块定位。第三个框内的top：-20px 是指模块上移20像素，left:auto 是模块自动向左，padding:0;是用于防止一些浏览器自带padding的间距，border:none;是防止一些浏览器的自带边框。一般需要大家改动的就是第一个框和第三个框里的内容了。

大家还需要注意的是，如果大家获取的原始代码前面是div这种类型，在修改的时候就要将其设置为div，才能保持一致。看起来有点繁琐，大家需要多操作几次，看看前台显示的效果，反复摸索下也不是很难的。

本文版权归作者丫头所有，授*于www.kaitao.cn，形式转载请联系作者。文章发布时间2018-12-24 16:35:39