[allison]

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.

[Sakin]

@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%; }

[allison]

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!

[allison]

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

[Sakin]

@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%; }
}

[allison]

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

Thank you!

[Sakin]

@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

[Author]

Posts