Amr Elfar Amr Elfar - 5 months ago 11
CSS Question

Remove blank space in WordPress theme

I have edited a lot in that WordPress theme but i have faced a problem in removing that blank space between sidebar and main content of the site like you see in picture below.

enter image description here

I have tried to edit the float and decrease margin , padding but that doesn't work
I think i am looking in different direction
any help would be appreciated.

link of


Answer

I've looked a bit over your website. Firstly, you want to remove the 170px right-margin from .content. Than you can edit the width of .sidebar-primary to fit in the space.

@media all and (min-width: 1140px) {
    .site-container .content { 
        right-margin: 10px; 
        }
    .site-container .sidebar-primary { 
        width: 330px; 
        }
    }

As a sidenote, I noticed your site has big responsiveness issues on widths lower than 1140px.

Comments