Overlapping text in responsive theme

  • Savannahross

    (@savannahross)


    10 years ago

    There’s a tagline on this website that I’m working on
    https://sydneydemocracynetwork.org/
    “Democracy today, democracy tomorrow”.
    It’s a responsive theme and the site resizes beautifully on mac computers and HTC phones BUT on iPhone and windows when resized to mobile dimensions and iPad the “democracy tomorrow” text overlaps each other. Now we’ve come up that we can just make it an image so that it won’t happen but I’m determined to fix the code.

    What can I do to fix this?

    This is the code is 

    <div class="section-container section-fixed-background-yes  section-bgstyle-stretch rm-padding-no fullwidth-no alignv-center-yes " style="padding-top:50px;padding-bottom:30px;"><div class="inner-content">
	<div class="column-text clearfix">

<h3>Democracy today,</h3>
<h3 style="padding-left: 30px; line-height: 0.2em;">democracy tomorrow.</h3>

	</div> </div></div></div>

    Thankyou

  • The topic ‘Overlapping text in responsive theme’ is closed to new replies.