[penny]

Hello,

First thank you for making available such a wonderful theme. Catch Box is very elegant.

My question is this: I changed the Primary & Secondary widths to 660 and 250 respectively but when I resize the window to a tablet or phone size the primary section doesn’t resize anymore. I made sure the sizes add up to 910px as in the original but my resizing seem not to work when in responsive mode.
I used:

#primary {width: 660px;}
#secondary {width: 250px;}

How can I fix that please?

Thank you once again.

[penny]

So sorry, I just found the answer in another post

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

Thank you Sakin!!

[Sakin]

@penny: Replace that css with the following css in “Appearance => Theme Options => Custom CSS” box:

@media screen and (min-width: 961px) {
    #primary { width: 585px; }
    #secondary {width: 250px;}
}
@media screen and (min-width: 991px) {
    #primary {width: 635px;}
}
@media screen and (min-width: 1025px) {
    #primary {width: 660px;}
}

[penny]

Dear Sakin,

Thank you very much for your reply. I find your support and your themes very professional.

I will definitely leave a review at WP.

Thank you once again.

[Sakin]

@penny: Thanks for your appreciation and yes it will be great if you could support Catch Box theme by leaving your review and rating at https://wordpress.org/support/view/theme-reviews/catch-box

Thanks 🙂

[Author]

Posts