Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi! I love this theme and definitely wanting to go premium asap. At the moment I am having 2 issues with the mobile version of the theme mainly on iphone 5, 6 and 6s using Safari.
1) If SiteOrigin button is used on the header widget it will show up as plain text on safari/mobile; I’ve tried pasting the SiteOrigin HTML code, it works but then it splits into:
(phone icon) Call
###-###-####
2) The splitting is occurring on the footer as well.
I have tried adding the following from a previous post https://siteorigin.com/thread/mobile-vantage-word-splitting/
@media screen and (max-width: 480px) {
.widget_headline-widget h1 {
font-size: 20px !important;
}
}Any help would be appreciated! Thank you!
Hi Anthony,
1. This, sadly, is due to the Safari styling of phone numbers on mobile. You can fix this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add (and adjust) the following CSS:
a[href^=tel] { color: #b9b9b9 !important; text-decoration: none !important; }You’ll need to change the color to the color you wish for the phone number link to be.
You might also need to install the SiteOrigin CSS Editor.
2. Do you have a public URL where we can take a look at what’s going on?