css 当导航在徽标旁边浮动时,GeneratePress标题修复徽标/导航重叠

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 当导航在徽标旁边浮动时,GeneratePress标题修复徽标/导航重叠相关的知识,希望对你有一定的参考价值。

/*GeneratePress Header fix for problem break points
Change the 900 px value in two places to where you have nav/logo overlap*/
@media(min-width:768px) AND (max-width:900px) {
  .inside-header {
    display:flex;
    flex-flow: row wrap;
    justify-content:center;
    }
    
    #site-navigation {
      min-width:900px;
      padding:10px;
      text-align:center;
    }
    #site-navigation ul li {
      display:inline-block;
      float:none;
    }
    }

以上是关于css 当导航在徽标旁边浮动时,GeneratePress标题修复徽标/导航重叠的主要内容,如果未能解决你的问题,请参考以下文章

在浮动导航栏中调整徽标大小

我想在左侧设置徽标,在右侧设置链接,但浮动在导航标签上不起作用......为啥?

中间带徽标的水平导航

如何使用 Next.js 将 PNG 徽标添加到 Tailwind CSS 导航栏?

css 在浮动元素旁边做一个ul,尊重它的填充

css 在浮动元素旁边做一个ul,尊重它的填充