Sidebar background css and huge margin

Hi,

I have added some css (suggested on this forum) to create a sidebar background colour.

.sidebar {
background:#e8e8e8;
}

@media only screen and (min-width: 768px) {
.responsive .sidebar_right .container {
display: flex;
}

.responsive .sidebar_right .container .sidebar {
width: 20% !important;
}
}

.sidebar_right .container {
padding-right: 0 !important;
margin-right: 0 !important;
}

.sidebar_right .sidebar {
padding-right: 50px;
}

This works well except it creates the effect of a large left margin, so that when viewed on larger screens the main content is pushed right and no longer aligns with the header. Can you help please? It would be great if you could reply soonish as we are hoping to launch the site in the next few days.

Thank you

• This topic was modified 5 years, 2 months ago by Fionadee.