Nick Beacham
asked 4 years ago

I am wanting to change the width of both sidebars and the single-post content area. When I add the below code it has the desired effect on desktop but seems to break the responsiveness so mobile does not look right, all content is pushed to the right and is extremely thin.

I wish I knew enough about CSS to know what to change. I’m using the free Wallpress theme.

<style>
#sidebar {
   width: 300px;
}
#main {
   padding-left: 320px;
}
#sidebar-secondary {
  width: 300px;
}

</style>
1 Answers
DominicStaff
answered 4 years ago

You can try the following code:

#main {padding: 50px 8px 10px 230px;}
#sidebar { width: 230px;}
@media only screen and (max-width: 985px) {
  #main {
    padding: 50px 10px 10px !important;
}
}

If you still face there issue, you can send me your site for further checking.
Regards,

nbeacham
replied 4 years ago

Dominic, I believe I have it figured out. You are welcomed to verify. http://www.wtfarethese.com

Powered by DW Question & Answer Pro