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

  1. mcpank
    Posted 1 year 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:
    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:
    (and please don't mind the content of the page - it's still 'work in progress' ;) )


  2. Dyret
    Posted 1 year 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
    Theme Author

    Posted 1 year 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
    Posted 1 year ago #

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

    That totally did the trick! :))


  5. Dyret
    Posted 1 year ago #

    Nice, just what we needed ;)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic