rahulrainbow

I want to increase the width of the main content & reduce the width of the sidebar.

I HAVE TRIED BELOW WRITTEN METHOD. BUT IT IS NOT WORKING.

@robin69, you can do that by modifying the width percentage on the containers with custom CSS in the Appearance > Customize > Custom CSS section.

For eg:

@media screen and (min-width: 60em) {
.has-sidebar .site-main {
max-width: 70%;
float: left;
}
.has-sidebar .primary-sidebar {
max-width: 30%;
float: right;
}
}
Adjust the percentage numbers on the max-width rule as you see fit. Default is 66-33.