Align text center on mobile

Hi

Here is the css code. Add below css in your /wp-content/themes/dt-the7/css/main.min.css file

@media only screen and (min-width:320px) and (max-width:760px){
  
 .company-info {
    text-align: center;
}
}

You have to do last step given below. In your text widget you are having code like below

<p>Registered Address:<br>
TGF Security Limited, 4 Park Road<br>
Birmingham, B13 8AB </p>
<p>Tel: <a href="tel:+441212190102">0121 219 0102</a><br>
Email: <a href="mailto:[email protected]">[email protected]</a></p>
<p>Co. Reg. Number 10376463</p>

Change this with

<div class="company-info">
<p>Registered Address:<br>
TGF Security Limited, 4 Park Road<br>
Birmingham, B13 8AB </p>
<p>Tel: <a href="tel:+441212190102">0121 219 0102</a><br>
Email: <a href="mailto:[email protected]">[email protected]</a></p>
<p>Co. Reg. Number 10376463</p>
</div>

Thanks dhamayanthi92, works a treat ??

Happy to help

Do you know how to fix this 2 problems on the home page please?
Line 168: Bad value “https://api.w.org/” for attribute “rel” on element “link”: The string “https://api.w.org/” is not a registered keyword.

ugin/ –> <link rel=’https://api.w.org/&#8217; href=’https://www.tgfsecurity.co.uk/wp-json/&#8217; /> <link

Line 763: Bad value “” for attribute “target” on element “a”: Browsing context name must be at least one character long.

-center “><butto

Line 763: Bad value “” for attribute “target” on element “a”: Browsing context name must be at least one character long.

-center “><butto

For some reason its not letting me copy the second code on here