Illdy Mobile Responsive title


I’ve searched the forums and tried fixing using past responses but on my site - the jumbotron title is still not functioning correctly on a mobile device. I’d like the “consultancy” copy to break so it’s on the next line down.

Thanks in advance

I too am having the same issue. Can the title of the Jumbotron section actually be responsive and scale in size instead of wrapping in text. Full size web browser works fine but mobile phones such as iPhone wrap text instead of resizing font.

I have attached an example from my iPhone 6.

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*change font size on iphone*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 
  #header .bottom-header h1{

Best Regards,

That totally worked for me. I played with the font size from 30 to something a bit larger but I have it working now.

You are amazing, thank you very much!

While I have your attention, would you happen to know how to make the menu not expand the secondary menu on mobile?

For example:

On mobile phone I click menu button and it expands everything instead of just the top level.

Screen shot attached and url for testing: