This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Mobile Issues on Safari only

Open 1 reply bug-reportthemetheme-vantage
Anthony Chen
8 years ago · Last reply by Alex S 8 years ago

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!

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Alex S Staff 8 years, 10 months ago

    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?

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread