Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #311573
    heinelg
    Participant

    Site: https://hbccc.org/wp/

    I have designed multiple websites with Catch Responsive (free) without a problem but this site is fine on a desktop but does not resize for smaller screen sizes. I am using a child theme to customize a few things but nothing that would affect the responsive appearance.

    Any suggestions would be greatly appreciated.

     

    Thanks!

     

    #311574
    Sakin
    Keymaster

    @heinelg: I see that you have added CSS in your child theme style.css which is causing the issue. So, add the following CSS in “Appearance => Customize => Additional CSS” to fix your CSS issue.

    .no-sidebar.content-width #main {
      max-width: 100%;
    }

    Regards,
    Sakin

    #311597
    heinelg
    Participant

    Thank you @Sakin!

    That solved my problem. I must go back to my earlier sites to se what was in the child theme css as I usually start by copying the previous child them style sheet.

    #311598
    Sakin
    Keymaster

    Hi @heinelg,

    Glad to hear that my support worked on your website. If it’s not too much trouble, I have a quick request: could you please leave an honest review? https://wordpress.org/support/theme/catch-responsive/reviews/#new-post. Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated.

    Regards,
    Sakin

    #311599
    heinelg
    Participant

    Hi @Sakin,

    I left a 5 star review 3 weeks ago for your previous assistance – I doubt that I should leave multiple reviews.

    If I may, I have a follow-up question related to the page width issue above:

    For Site: https://hbccc.org/wp/ if I do not specify the width of #main to be 1200px, #main has a width of 820px which I see in the parent style sheet. However for site: https://ridgeviewmennonite.org/ the content width is 1200px and I do not see the 820px width for #main. Can you please help me understand this difference?

    Thanks!

    #311614
    Sakin
    Keymaster

    Hi @heinelg,
    No, you don’t need to post multiple reviews for the same theme. If you are using different then you can do a review for that particular theme.

    In your site https://ridgeviewmennonite.org/, you have CSS for width as follows, which replaces the default 820px width for No Sidebar Content Layout Width.

    .no-sidebar.content-width #main {
      width: 100%;
    }

    But if your site https://hbccc.org/wp/, you have CSS as :

    .no-sidebar.content-width #main {
      max-width: 100%;
    }

    For the best result, you can use the code as:

    .no-sidebar.content-width #main {
      width: 1200px;
      max-width: 100%;
    }
    #311618
    heinelg
    Participant

    Thank you very much, @sakin – I searched for that rule in my child theme’s style sheet, but didn’t see it. You have clearly answered my question.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Site does not resize for mobile devices’ is closed to new replies.