Homepage not working in mobile

Illdy
1

Hi there,
I am currently customising the Illdy theme and am nearly done.
My main concern at the moment is that the home page is not working in responsive mode. The header does not display correctly and the menu disappears. It is fine on the internal pages but not the home page? The site is http://www.thewebproject.co.uk/new-site/.
I would also like to know if it is possible to change the size of the header image for both the home page and the internal pages. I would like to make them smaller.
Finally is there an easy way of preventing the H tags from automatically being Capitalized?
Thanks for the help!!!
Mike

2

Hello there,

I hope you are doing well today.

The menu is not missing, it is changed to a burger menu on mobile. You can use the following CSS code to change the menu icon color by going to Appearance > Customize > Additional CSS and pasting it there.

/*Mobile  menu color*/
.open-responsive-menu .fa {
    color: black;
}

The size of the header can be changed with the following CSS code:

/*Header image size*/
#header.header-front-page {
    width: 100%;
}

This CSS code would disable the Uppercase for H tags:

/*Remove uppercase H tags*/
h1, h2, h3, h4, h5, h6 {
    text-transform:none;
}

I hope this helps.

Best Regards,
Support

3

Hi there,
Thank you so much for the response.
I appreciate now that the burger menu was there in responsive mode. However it doesn’t help to change the colour as it is different to the internal pages? It seems to work fine on those pages. It looks like the banner is being moved down on the home page? Why is the white space being displayed just on the home page?

http://www.thewebproject.co.uk/new-site/

Also, I added the code to override the “text-transform” in the CSS and it has not done the trick. The headings are still being displayed in uppercase? Is there anything else I could try?
Thanks again!
Mike