Question

几个小时以来，我正在尝试解决在本地托管的wordpress网站上使用标准边栏遇到的问题。

我的侧边栏代码如下： Customizer中的CSS：

function mySlide(){
var x = document.getElementById("sidebar");
var y = document.getElementById("slider");
if(x.style.right === "0px"){
	x.style.right = "-305px";	
	y.src = "arrow_left.png";
}else{
	x.style.right = "0px";
	y.src= "arrow_right.png";
	}
}

#sidebar{	
	background-color: #571e0b;
	padding: 0px 0px 0px 20px;
	position: fixed;
	top: 50px;
	right: -305px;
	height: 100%;
	width: 300px;
	transition: 0.5s;
	-webkit-transform: 0.5s;
	z-index: 2;
}
#slider {
	padding: 10px;;
	height: 50px;
	position: relative;
	left: -65px;	
	background-color: #571e0b;
	border-radius: 0px 0px 0px 15px;
}

<div id="sidebar">
  <input alt="slider_button" id="slider" type="image" onclick="mySlide()" src="arrow_left.png">
</div>

这种侧边栏位于帖子和页面上。但是，页面和帖子上的#sidebar的right属性之间的区别是75px，我找不到原因。

到目前为止，我唯一能找到的线索是，它与页面全角而不是博客有关。

我的网站的其他特征：主题：Themify Ultra v1.99 插件：联系表7，Themify Portfolio Post，WP Super Cache

到目前为止我尝试过的是：删除受影响页面上的所有内容。重新安装主题和插件

会嫁给某人寻求解决方案...

亲切的问候

Answer 1

我发现的解决方案是CSS的解决方法。我将所有页面设置为不全角，然后使用CSS告诉容器调整大小。

这很简单：

#content{
  width: 80%;    
}

页面和文章上的WordPress侧边栏位置

1 个答案: