Https:// overlapping colors on my website

My solon theme keeps acting weird and I don’t understand how to fix it. I have uninstalled and reinstalled it and works fine for some time and goes back to acting weird. The black color on my header background which is the secondary color keeps entering into the color of my website background as you can see in the image. I don’t know how else to describe this but please make use of the image I provided to try and understand what I am saying.
It is actually suppose to look like the image labelled 2 but sometimes it shows as the image labelled 1. Most of the time when I log into my account and I view my website while I am logged in the website appears alright but when I log out it starts showing the weired color overlap. I don’t know how to fix this and I need some assistance.


It looks like that we are missing closing div tag inside solon: Recent Comments. First try to remove that widget from sidebar in order to test.

If that fixes it then overwrite that file inside wp-content/themes/solon/widgets/recent-comments.php with the one which I have provided here but also you can make change directly inside this file from WP back end > Appereance > Editor

Please let us know if this resolves the issue.

Best Regards!

It seems this was able to resolve the problem but I am still watching it for some few days more to be sure that it does not reoccur.