Responsive design problem with 2 equal width sidebars

  • Resolved mcpank

    (@mcpank)


    10 years, 3 months ago

    Hi Alex,
    even if you heard it a lot already: ‘hueman’ is one of the best WP-Themes I’ve ever seen so far and much better than a lot of the ones you have to pay for, too! REALLY great job you did there! 🙂

    The only problem I have with it is nearly solved by this thread:
    http://wordpress.org/support/topic/content-width-fix?replies=7
    but for one issue, I can’t figure out: the website I designed with your template has also 260px Sidebars on both sides and it looks fine in full resolution. But when it comes to the collapsing, the content of the left sidebar changes to the collapsed state (arrows in the head section and all content dissapears) but it still remains in 260px width. If you draw the browser window smaller, while looking at it, you’ll know what I mean. I also changed the size of the ‘s-right-s1.png’ to 260px, didn’t helped either.
    The right sidebar works just fine!

    The only code in my ‘custom.css’ is the one from you in the thread mentioned above. Can you take a look at the site? Maybe you already know the solution, when you see it:
    http://www.benehmensberatung.com/wordpress/
    (and please don’t mind the content of the page – it’s still ‘work in progress’ 😉 )

    THANK YOU!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Gudddi

    (@dyret)

    10 years, 3 months ago

    Hi Alex. Really awesome theme, but i have the exact same problem as mcpank explains in the post above, is their something in the code we are missing? Hope it can be fixed, keep up the good work

    Alexander Agnarson

    (@alxmedia)

    10 years, 3 months ago

    Thanks guys! Glad you enjoy the theme 🙂

    Try wrapping the first css part in:
    @media only screen and (min-width: 961px) { }

    Like this:

    @media only screen and (min-width: 961px) {
	.col-3cm .main-inner { padding-left: 260px; background-position: -80px 0; }
	.col-3cm .s1 { margin-left: -260px; }
	.s1 { width: 260px; }
}
@media only screen and (min-width: 479px) and (max-width: 960px) {
	.s1-expand .s1 { width: 260px; }
	.s1-expand .s1 .sidebar-content,
	.s1-expand .s1 .post-nav { min-width: 260px; }
}

    (For anyone else wondering, this would go into the child theme’s style.css or custom css)

    Thread Starter mcpank

    (@mcpank)

    10 years, 3 months ago

    Hey Alex, you’re a genius, man!! (I mean it! 😉

    That totally did the trick! :))

    THANK YOU SO MUCH!

    Gudddi

    (@dyret)

    10 years, 3 months ago

    Nice, just what we needed 😉

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Responsive design problem with 2 equal width sidebars’ is closed to new replies.

Tags