Headers not showing on mobile

Hi there! Firstly I’d just like to say thank you for creating such a great theme! :slight_smile: I’ve been working around multiple themes so far, and am glad that I settled on Illdy!

I’m not sure why, but I always have troubles with my mobile preview. My headers for the Home Page and other pages (except for my blog page) do not show on mobile. I have attached pictures for you to see.

I am new at this, so maybe I accidentally put in a CSS that I shouldn’t have put in? Your help is greatly appreciated!

My website is: lunaeducation.ca

Thanks in advance! :slight_smile:


First of all, thank you for using our theme!

Try this CSS solution, it should sort you out:

@media (max-width: 768px){
#header {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

Let me know if the above did the trick.

Kind regards

Hi Ion,

Thank you for getting back to me so fast!

Unfortunately, it still isn’t working, and the header is still not appearing on mobile…

Anything other solutions??

Thank you!!

Hi Ion,

Actually, my friend could see the pictures on her Android phone, but for iPhones, the header pictures still aren’t showing. I have doublechecked with a few other iPhones and it is still not showing.

Appreciate your help!


I see the website is in maintenance for now, I’ll do my best to investigate more when it’s up again.

The fix from above should just work alright for both android and iOS…

Keep me posted about it.