Wordpress侧边栏在页面和帖子上的位置

Question

for a few hours now I'm trying to solve a problem I encounter with the standard sidebar on my localy hosted wordpress site.

The code of my sidebar is the following: CSS in the Customizer:

 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> 

This kind of sidebar is positioned on posts and pages. However, the difference between the right attribute of #sidebar on pages and on post is 75px and I can't find a reason to.

The only clue I could find so far is, that it has something to do with pages being fullwidth and blogs being not.

Other characteristics of my website: Theme: Themify Ultra v1.99 Plugins: Contact Form 7, Themify Portfolio Post, WP Super Cache

What i tried so far: deleting everything on the affected pages. reinstalling the theme and plugins

Would marry someone for a solution...

Kind regards

Answer 1

The Solution i found is a workaround with CSS. I set all pages to being not full width, and afterwards I used CSS to tell the container to resize.

It's as simple as:

#content{
  width: 80%;    
}