Naturo Pro: decrease spacing in Contact area ?

[jason18]

For nature Pro, since I have added more social icons in the footer, the Contacts text is not centered with the icons on mobile. It appears that having less space between the titles and links would help.

E.g.

Email: [email protected]
How to decrease blank space?

[jason18]

The example above didn’t come out right once posted. I meant to show several spaces between “Email” and “url.”

[Sonnal S Sinha]

Hi,

Website URL please?

Regards,
Brad

[jason18]

http://jasonsignor.net

[Sonnal S Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

Regards,
Brad

[jason18]

There are two images here:

The first is how it looks as is, The second shows some lines indicating the centering problem.

https://imgur.com/gallery/nZiTY
via Imgur for iOS

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
.phone-no strong { width: auto; display: inline-block; padding-right: 5px;}
}

Regards,
Brad

[jason18]

This works perfectly! Thank you! ????

[Sonnal S Sinha]

🙂

[jason18]

There is a new problem with it. This was working fine, but somehow it has left-aligned itself. I cannot figure out what has happened. It looks fine on desktop PC but on mobile it is left-aligned now. Please help.

https://imgur.com/gallery/qZcTdqj
via Imgur for iOS

If you need login credentials please tell me where to send them.

Thanks,

Jason

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
.social-icons, .phone-no { text-align:center;}
}

Regards,
Brad

[jason18]

Thank you! That fixed it! 🙂

[Sonnal S Sinha]

Great!

[Author]

Posts