stephanie25 got a reaction from
melissagaviria in Change text for mobile view
@tuanphan Thanks! Adding two texts was a great suggestion. For anyone who needs the code I provided it below:
<html>
<head>
<style>
h2 {text-align:center; font-weight: bold;}
#content-desktop {display: block;}
#content-mobile {display: none;}
@media screen and (max-width: 768px) {
#content-desktop {display: none;}
#content-mobile {display: block;}
}
}
</style>
</head>
<body>
<div id="content-desktop">
<h2>UX/UI DESIGNER | GRAPHIC DESIGNER</h2>
</div>
<div id="content-mobile">
<h2>UX/UI DESIGNER<br />GRAPHIC DESIGNER</h2>
</div>
</body>
</html>