Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #55383
    allison
    Member

    I’ve used your Catch Box theme to create both http://caldwellperspective.com/ and http://redidpretty.com/. To change the width of the main content and sidebar areas I used the following code in the Theme Options…

    #primary {
    float: left;
    margin: 0 -35.5% 0 0;
    width: 100%;}
    #content {
    margin: 0 38.6% 0 2%;
    width: 67.9%;}
    #secondary {
    float: right;
    margin-right: 2%;
    width: 25%;}

    This gives me the intended effect for the widths, however, on the http://redidpretty.com/, when I view it on an ipad or smartphone, the sidebar does NOT pop down below the main content area. It works fine on http://caldwellperspective.com/, sidebar pops down as it should. I don’t understand why I’m getting different results using the same code.

    Any ideas?

    Thank you for designing such a great theme and providing such amazing support.

    #55442
    Sakin
    Keymaster

    @allison: You custom css is wrong. You don’t need to add all those margin. You can simply add the width like below:

    #primary { width: 72%; }
    #secondary { width: 25%; }
    #55458
    allison
    Member

    Sakin,

    Thank you for your quick response! I’ve changed the code on http://redidpretty.com/ and now the sidebar does pop down below the main content when viewed on smaller format, however it does render the main content or sidebar full width like it does with http://caldwellperspective.com/

    Any other suggestions?

    Thanks again!

    #55462
    allison
    Member

    Sorry – meant to say “it does NOT render the main content or sidebar full width…”

    #55583
    Sakin
    Keymaster

    @allison: Actually your custom css should be as below:

    @media screen and (min-width: 961px) {
    .right-sidebar #primary { width: 72%; }
    .right-sidebar #secondary { width: 25%; }
    }
    #55602
    allison
    Member

    YES!!!!! Its is working perfectly! Thank you so much for you help. You definitely provide stellar support.

    Thank you!

    #55605
    Sakin
    Keymaster

    @allison: Thanks for your appreciation and if you like Catch Box theme and support than you can help us by providing valuable review and rating at https://wordpress.org/support/view/theme-reviews/catch-box?rate=5#postform

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Problem changing content & sidebar width’ is closed to new replies.