Reply To: Header Text Widget Mobile Responsive CSS

You just need to change it to float: none; instead of “right” and it will center automatically. So add the following code to both of your responsive sections of your css (at the bottom) –

#header .wrap .widget-area .widget_text .textwidget #hdrPhone {
float: none;
}

Make sure you only add the above code to your responsive sections and not the main part of your css –

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

and

@media only screen and (min-width: 600px) and (max-width: 960px) {

…..by doing this, it will continue to float right at regular width.