davidgrandelis on "[Theme: Decode] Custom sidebar image/menu overlapping"

Hello,

I'm using a custom image for the sidebar logo, it's quite bigger than the original (200px width). I removed the <svg> that draws the rectangles and replaced it with my static image, and increased the width of said image using:

.SidebarLink img{width:200px;height:350px;}

Now my porblem is that when the browser resizes, the header and content overlap the sidebar image. See example: http://www.3weeks-later.com/data/sidebar.png

I see two possible solutions:

1. Find a way to keep the header/content blocks always at least 200px further to the right.
2. Move the header/content blocks below the sidebar image earlier. It already happens at some point as seen here: http://www.3weeks-later.com/data/sidebar.png

I would really appreciate if someone could help me fix it using either one of the solutions above.

Thank you,
David