Text not showing on Iphone/Ipad

[CookieX]

Hi,

I got a real strange one here. I built a website and placed a text-widget in the header-widget-area. The widget works correctly and shows the text on must devices/computers. But if one visits the website using an Iphone/Ipad the text in the header-widget-area doesn't show the text.

Anyone knows why this is happening? How can I fix it?

Thank you in advance!

http://arcticdiscovery.com/

[Ginger]

Hi there,

Can you copy/paste using the code tag exactly what you have in that text widget? I think I know what it is but I'd need to test my theory first.

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[CookieX]

Hi Ginger 🙂

Here is what i have in that text-widget.

<div style="padding-right: 20px; padding-bottom: 20px;"><p style="text-align:right">Call us at +44 (0)1229 208 536<br>Text to +44 (0)7766 810 389</p></div>

[Ginger]

Hi, thank you for the info! OK, it is not what I thought it was -- when you view this on an iPhone and tap in the area where the phone numbers are, it will find one of the numbers and ask you to dial, and the number remains visible. After seeing that I realized it is a stylng issue and not a matter of the numbers not showing at all.

I do not recommend putting those styles in the text widget itself since it also affects how your header is spaced on mobile. Aligning everything to the right in the text widget also makes it go far off to the right on a mobile screen.

I recommend styling in your style.css file so you can adjust it in the full section then in the mobile section (at the bottom where you see @media and the screen sizes)

Also your header image is cut off since it is larger than the size recommended in the theme setup instructions for uploading a header image. The recommended size is 270 x 80.

If in doubt, view the Metro Pro theme demo site in mobile view to see how it looked out of the box -- here you'll notice everything is centered and not floating off the right on an iPhone screen:

Metro Pro demo on iPhone

Hope this helps point you in the right direction!

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[sachtotvn]

Tap the telephone number on the Settings page of the iPad (Settings > Messages > Send & Receive > You can be reached by iMessage

---

?‘ọc sách trực tuyến hay nhất, ?‘ọc sách ?‘iện tử online bản quyền, nghe kho sách nói online hay nhất, ?‘ọc ebook ngôn tình hay chất lượng. nhạc chờ viettel hay nhất trên mạng

[Author]

Posts