Archived topic
Header not responsive on mobile
6 replies · Started by Meg on April 20, 2022
Hello,
I am redesigning my site and I am unable to figure out how to make the header picture on my homepage to be responsive on a mobile. The mobile view is totally messed up with footer elements as well. Any help would be greatly appreciated!
Hi Meg,
There are overflowing elements out of your website’s body on mobile view. This most likely is causing the issue.
It seems to be the advertisements in your website. How are you adding these? Perhaps you can try temporarily disabling/removing them to test?
From my end, I tried removing them and they indeed seem to be the cause of the issue. With this said, you'll need to configure how these ads are added. Kindly make sure that they would be responsive as well.
Kindly let us know how it goes. :)
Thank you for the reply. I just started using quick adsense but this issue seemed to be going on before I installed quick adsense. I have removed all ads installed using plugins on my WP and currently do not see any ads on my website. Could you please suggest what my next steps should be in this case? Thanks
Hi Meg,
There's a headline block with weird margin value:
https://www.screencast.com/t/KLHt9bPi2
There might be more blocks like this, can you check your block spacing settings?
Thanks for the reply. I went ahead and changed all the weird margin values. The 5 icons on homepgage looks fine now but header is still unresponsive. I have not had any ads ever since this issue started, please help.
but header is still unresponsive
Do you mean on mobile? The header looks responsive to me.
https://www.screencast.com/t/eAVBdtyhK
Can you describe the unresponsiveness you see?
the problem is that if i adjust one setting another goes awry. When i fixed the header issue the footer settings have been messed up on mobile. Most of these issues are on mobile, is there any code that I can place to avoid mobile responsive issues? Thanks
