-
Posts
-
Hi! I want my sidebar to have a fixed position, but as I use quick CSS that you provided in an earlier thread it gets slightly distorted:
.sidebar
{
position: fixed;
}:
https://googledrive.com/host/0BwVVo1zA50e5dzMyU1Uzc2tYM0U/distorted.jpg
You notice that it is too much to the left and it creates lines that behave randomly.
Here is what it looks like without the CSS.
https://googledrive.com/host/0BwVVo1zA50e5dzMyU1Uzc2tYM0U/undistorted.jpg
The fixed command works well in a way that it follows the scrolling nicely, but the distortion ruins it.
Any tips on how to make it work?
Hi,
How did you manage to put it outside the container? When you set it to position: fixed, the sidebar should be within the container. Can you give us a link to the actual website?
Regards,
Ismael
Hi,
Thanks for the reply! Here is a link to the page where the problem occurs: http://test2013.printlanti.com/painotuotteet/esitteet/
I don’t know how it went outside the container.
Here is all the quick CSS I have applied:
.entry-content .post-meta-infos {
display: none;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive .main_menu ul > li > a {
font-size: 9px;
}
}
.sidebar {
position: fixed;
}
Edit. I’ve tried various methods to find the problem, but these have been in vain. For example, no logo (enfold logo), only the sidebar quick CSS, no social icons, no footer widgets or sockets…
Sincerely,
Sami
I tried it on a fresh install of WordPress and Enfold with dummy data and it still does not work! This means that the problem is with the CSS Code!
.sidebar {
position: fixed;
}
Sincerely,
Sami
Hi,
Please try this one:
.sidebar {
position: fixed;
border: none !important;
}
.sidebar_left .inner_sidebar {
margin-right: 100px;
margin-left: 70px;
}
.widget_nav_menu ul:first-child>.current_page_item {
box-shadow: none;
border: 1px solid #e1e1e1;
border-right: none;
border-left: none;
}
@media only screen and (max-width: 1100px) {
/* Add your Mobile Styles here */
.sidebar_left .inner_sidebar {
margin-left: 40px;
}
}Regards,
Ismael
Hi!
The sidebar works as static/fixed on that page now, but now that I use sidebar on any other page, it is completely out of place.
Sincerely,
Sami
- The topic ‘Fixed sidebar bugged’ is closed to new replies.