responsive text

[atreas]

Hi guys

Simple question: I have done the following:

<div class="panel-group secundary" id="accordionprice"> 
                       
								<div class="panel panel-default">
									<div class="panel-heading">
										<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionprice" href="#collapseOne">
<?php if ($course['price']<>"") { ?>
<font size="+3"><strong>Our Price: &nbsp;</strong><strong><?php echo $course['price']?></strong> <i class="icon icon-eur"></i></font></a> 

<?php } ?>
										</h4>
									</div>

Apparently, everything work perfectly. But when the site is viewed from a device with a resolution of 1024×768 the text in the panel-title, abused by me, doesnt resize, and it breaks in to a line.
How can I make this possible… How can I make the text responsive ?

---

[Support]

Hello, in that case you can add a custom css with breakpoints:

@media (max-width: 479px) {
	#accordionprice .panel-heading a font {
		font-size: 16px !important;
	}
}

Regards

---

[atreas]

It doesnt work … any ideas ?

---

[atreas]

Yeah sorry, it needed a few adjustments… thanx

---

[Author]

Posts