Not displaying on mobile device

[Kymone Hinds]

On my mobile device, the front page does not load the hero title and hero caption. Part of it is getting cut off and jumbled up. Please advise.

[Bill Robbins]

You might give this a try to make the text smaller and move it up a bit:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   @media only screen and (max-width: 520px) {
   	
   	#hero-section h2.hero-title {
   		padding-top: 15vh;
   		font-size: 28px;
   		line-height: 1;
   	}
   	
   	#hero-section .hero-caption p {
   		font-size: 20px;
   		line-height: 1;
   	}
   	
   }
   

3. Update your settings.

Feel free to adjust the font sizes of the title (top style) and caption (bottom style) to fit your needs.

If you have trouble, let me know.

Have a good weekend,
Bill

[Author]

Posts