DW Wall Sidebar Not Responsive

Dee Sleep
asked 9 years ago

I am using the DW Wall theme and the Sidebar is not responsive and when you view on mobile the whole site is not responsive.
Can you look at this:
http://www.turlybird.com/blog and let me know how to fix these issues?
Also, how do I get rid of the hover color of black? When I mouse over the menu it turns the block black and I want it to be white with the text changing colors. And their is a black line after my logo, how do I remove that?

Thank you!

2 Answers

DominicStaff
answered 9 years ago

Hi,
To resolve this issue, you can add the following code to the style.css file:

@media only screen and (max-width: 985px) {
#header .sidebar-control, #header .navigation-control {
    border-color: #ddd;
    color: #7cc576;
}
#main {
    padding-left: 10px !important;
}
.sidebar-inner {
  width: auto !important;
}
}
@media only screen and (max-width: 480px){
.item {
    width: 100% !important;
}
}

Hope this helps !

dsleep
replied 9 years ago

It did work!
But I am having trouble with the sidebar on the desktop view, it wants to slide right and left and diagnolly when I am scrolling. How do I get it to stay fixed?
Thanks!
you can see the issue here: http://www.turlybird.com/blog

dominic Staff
replied 9 years ago

Please send me username & password of your site (via private answer) for further checking.

DominicStaff
answered 9 years ago

I have checked your site and helped your fixed this issue, you can check your site now.
If you want to put the sidebar on the right hand side, you can open the index.php file.
move the following code from line 39 back line 36.
<?php get_sidebar(); ?>

Then add the following code to the Custom css or style.css file.

.home #sidebar {
    right: 0 !important;
    left: inherit;
}
.home #main {
  padding-left: 5px;
}
.home #main {
    padding: 50px 240px 10px 10px;
}

Regards,