A shadow or mask overlay covering my header image


I have started recently working with theme which I liked a lot but I can’t get around a serious issue with my header. It suddenly got covered with a forced overlay or shadow that is covering the header image and blocking the content (buttons) of my header.

here’s the link to my homepage www.branddynamics.ca

I am also facing a little challenge with the size of the social media thumbnails in the footer.


Does the issue only happen on smaller screen? If possible, please take a screenshot. Use this service to upload your screenshot image and share its public link here.

To enlarge your custom social icons, add the following code into Appearance > Customize > Additional CSS:

.widget_wpcom_social_media_icons_widget ul {
   padding-left: 0;

.widget_wpcom_social_media_icons_widget li .genericon {
   font-size: 40px;   


Hi Kharis

Thanks for the response. I have managed to fix it by deleting the rows in my page builder one by one, strangely it was caused by one of the separators.


Hello there,

Have you properly used the row separators? You might need to check this documentation once again.