Question

我目前有一个问题。我在wordpress中使用了主题，并使用自定义CSS重新定位了标题徽标。

问题出在移动版本上，它会隐藏我的标题图片并将徽标移到移动菜单下方。

以下是我目前正常观看尺寸的内容：

.header-middle .col-sm-3 {
    position: absolute;
    width: 100%;
}
.header-middle .col-sm-9 {
    width: 100%;
}
.header-middle .header-logo{
    position:absolute;
    text-align: justify;
    width:300px; /* you can use % */
    height: auto;
}

我希望当移动版本开始使用较低分辨率的尺寸时，它无效，因此它再次正常显示。

xeronohosting.com（临时链接）在正常显示时也看起来很好，但在移动版本上应用和查看自定义CSS时，标题背景会消失。因此，我希望在移动设备上将标题背景和徽标保持在同一位置，然后移动菜单将在我应用自定义CSS之前显示的那两个部分之下

我尝试了几种解决方案，似乎没有工作，所以任何帮助都会非常感激。

Answer 1

可能（取决于实际的HTML）这将有所帮助：

.header-middle .header-logo{
    position:absolute;
    text-align: justify;
    width: 100%;
    max-width:300px; 
    height: auto;
}

使其保持在父母宽度（100％）或以下，并将其限制为不超过300px。

主要全分辨率高于1024px的自定义CSS

1 个答案: