Content Overlapping

Hi,

It is because you have an inline font-size of 50px and 30px. It is way too big for mobile devices. Give the <span> tag a unique css selector. Something like this:

<p style="text-align: center;"><span class="paragraph-1A">Example Content</span></p>

<p style="text-align: center;"><span class="paragraph-1B">Example Content More Content</span></p>

Then style it on your custom.css or Quick CSS

.paragraph-1A {

color: #333; font-family: 'League Gothic', auto; font-size: 50px;

}



.paragraph-1B {

color: #333; font-family: 'League Gothic', auto; font-size: 30px;

}

Then add Media Queries to target the span on mobile devices.

/*

Mobile Styles

================================================== */

/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */



@media only screen and (max-width: 767px) {

/* Add your Mobile Styles here */

.paragraph-1A {

color: #333; font-family: 'League Gothic', auto; font-size: 20px;

}



.paragraph-1B {

color: #333; font-family: 'League Gothic', auto; font-size: 10px;

}

}

Regards,

Ismael