Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #56317
    penny
    Member

    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.

    #56331
    penny
    Member

    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!!

    #56347
    Sakin
    Keymaster

    @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;}
    }
    #57444
    penny
    Member

    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.

    #57466
    Sakin
    Keymaster

    @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 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Primary & Secondary widths not working responsive’ is closed to new replies.