简体   繁体   中英

Links not working on Mobile Safari

I'm trying to code a simple page jump. The red button on this page supposed to jump the page down to the next section. It seems to work EVERYWHERE but on the Safari browser, on mobile. Safari on Desktop is fine. I've tried a simple anchor tag, and java script to set the link and none are working. I've even tried linking to an external page to see if it was just the link to the ID, and the external link did not work either. At this point, I'm at a complete loss. Below is the CSS, Javascript, and HTML. I'm using Visual Composer inside of Wordpress to create the site, but it's almost all "Raw HTML" elements.

Here's the page: http://thirteenthfloor.com/presale/13thfloordenver/

..help

 <span class="pseudolink" onclick="location='http://thirteenthfloor.com/presale/13thfloordenver/#sales'"> <div class="buybutton">BUY TICKETS NOW</div> </span> <!--OR--> <a href="#sales"><div class="buybutton">BUY TICKETS NOW</div></a> 

 .buybutton { border-radius: 10px; background: linear-gradient(#be0000, #970000); width: 275px; padding: 18px; color: #fff; text-align: center; font-family: sans-serif; font-size: 20px; font-weight: bold; margin: 25px auto 0px auto; box-shadow: 0px 5px 10px #000; } .buybutton a{ color: #fff; } .buybutton:hover { background: linear-gradient(#df0000, #cc0000); cursor: pointer; /**box-shadow: 0px 5px 10px #000000;**/ } 

This is unfortunately just a case of the iPhone software, Safari, and Visual Composer not wanting to work together. Best advise if this ever happens to you: don't use Visual Composer. "Salient" is a much better alternative for Wordpress.

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM