Sprinkle Pro主题放大桌面端Logo后移动端出现多余空白如何解决

你当前设置的全局Logo高度规则对移动端也生效，300px的固定高度在移动端Logo实际占高更小的情况下，就会撑出多余空白，替换你之前的CSS代码为以下内容即可解决：

/* 桌面端Logo高度设置，仅在宽度≥769px的设备生效 */
@media (min-width: 769px) {
  .header-image .site-title > a {
    height: 300px;
  }
}

/* 移动端Logo高度设置，仅在宽度≤768px的设备生效 */
@media (max-width: 768px) {
  .header-image .site-title > a {
    height: 120px; /* 可根据你的移动端Logo实际需要的展示高度调整数值 */
    margin: 0;
    padding: 0;
  }
  /* 若仍有空白可取消下方注释，清除头部容器多余边距 */
  /* .site-header {
    margin-bottom: 0;
    padding-bottom: 0;
  } */
}

如果样式添加后不生效，将代码放在「外观 → 自定义 → 额外CSS」面板的最底部，确保优先级高于主题默认样式，修改后清除站点缓存、浏览器缓存再预览即可。

内容的提问来源于stack exchange，提问作者ssds