WordPress.org

Ready to get started?Download WordPress

Forums

Hueman
[resolved] Responsive design problem with 2 equal width sidebars (5 posts)

  1. mcpank
    Member
    Posted 6 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!

  2. Dyret
    Member
    Posted 5 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

  3. Alexander Agnarson
    Member
    Theme Author

    Posted 5 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)

  4. mcpank
    Member
    Posted 5 months ago #

    Hey Alex, you're a genius, man!! (I mean it! ;)

    That totally did the trick! :))

    THANK YOU SO MUCH!

  5. Dyret
    Member
    Posted 5 months ago #

    Nice, just what we needed ;)

Reply

You must log in to post.

About this Theme

About this Topic