[heinelg]

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!

 

[Sakin]

@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

[heinelg]

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.

[Sakin]

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

[heinelg]

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!

[Sakin]

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

[heinelg]

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.

[Author]

Posts