[heinelg]

Please ignore above – I found the problem causing the lack of background color.

[heinelg]

Thanks, @tikaram but I do not see the extra </div> you show in the screen capture, possibly as I have continued to add to that page. When I view the source, there are 79 occurrences of <div and 79 occurrences of </div so they are balanced. Also, the

<footer <span class=”html-attribute-name”>id</span>=”<span class=”html-attribute-value”>colophon</span>” <span class=”html-attribute-name”>class</span>=”<span class=”html-attribute-value”>site-footer</span>” <span class=”html-attribute-name”>role</span>=”<span class=”html-attribute-value”>contentinfo</span>”>

is inside the page div as is should be. However, the footer, which consists of the widgets in Footer Areas 1, 2, & 3, is still not responsive although the rest of the page is properly responsive. I have uploaded my screen capture to hbccc.org/wp/wp-content/uploads/2022/10/Screen-Shot-2022-10-18-at-8.06.24-AM.png which demonstrates there is no extra div in the area you indicated.

[heinelg]

Thank you @Tikaram! That works perfectly.

[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.

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

[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.

[heinelg]

Done – glad to do that for you.

[heinelg]

Thanks, @Sakin – so simple but I missed it. Have never used the cover block before.

[heinelg]

So simple and I forgot this step. Working fine now. Thanks!

[heinelg]

Thanks for your assistance. Your suggestion didn’t give me the appearance I wanted so I’ve moved the buttons that were in the sidebar to my child header after the catchresponsive_before_content do_action and styled them to be distributed horizontally plus I changed the default layout to No Sidebar.

[heinelg]

Thanks, @tikaram – that displays the sidebar widgets above the content for a portrait cell phone but not for landscape cell phones or small tablets. Can the same thing be done for wider screen widths?

[heinelg]

When I tried to use the Custom HTML widget the site displayed the HTML code in the sidebar instead of the PayPal donate button. I was able to make it work by creating my own donate button and adding the PayPal donate page link to it.

[heinelg]

In preparing the files to send you I have identified my problem and corrected it. Thanks for your assistance!

[heinelg]

The print of the body class is not in my code; somehow WordPress, the theme and the child theme are affecting the body class tag and that is the result.

How can I get my page and header code to you to check?

[heinelg]

Yes, thanks. Since I’m not using widgets in the sidebar but images 170px wide as buttons, the 50% width caused a problem but I corrected it in the child theme.

[heinelg]

Thanks!

Yes, that’s the body class. I tried to include the code but your form wouldn’t allow it. If you send me an email I will send you the code details.

[heinelg]

Thank you, Skandha, after I changed the calendar plugin, the problem must have gone away and I didn’t notice it.

[Author]

Posts