Jump to content

Important theme bugfix for mobile Safari devices


Tech Support

Recommended Posts

It looks like in the latest iOS update Apple did some changes into Safari, which now prevent some theme dropdown functionality from working correctly. Mainly this is related to sorting drop down selectors:

default_theme_dropdowns.png.d8671b24b2475f669ecd25204a140772.png

In order to fix this behavior, you should add some styles into your theme CSS file or in template.

But first go to Website UI -> Theme settings and check your theme version. If it says you have KVS Default theme with any version before 6.4, you should apply this hotfix. Starting from KVS default theme 6.4 this fix is already present and you don't need to do anything.

default_theme_version.png.5cf7679c1bdb9c168089cb44953747d5.png

IMPORTANT! This fix won't come with any future KVS update, since KVS updates do not affect site theme. You should apply it manually.

 

Option 1. Modify CSS files via FTP or filesystem

You should add the following code:

@supports (-webkit-overflow-scrolling: touch) {
 .sort,
 .content {
   cursor: pointer;
 }  
}

at the end of these 2 CSS files under your project:

https://www.kvs-demo.com/styles/all-responsive-white.css
https://www.kvs-demo.com/styles/all-responsive-metal.css

If you don't have these files, most likely you have another theme, or your theme was customized to use another CSS files. In this case please check if you have this issue in mobile Safari and contact your theme developers for a fix.

 

Option 2. Add style into header template in admin panel

If you don't know how to use FTP or modify files on server filesystem, you can apply this fix from admin panel by modifying header template.

Go to Website UI -> Page components -> include_header_general.tpl and add the following code BEFORE the closing </head> tag:

<style>
@supports (-webkit-overflow-scrolling: touch) {
 .sort,
 .content {
   cursor: pointer;
 }  
}
</style>

Then in Website UI section click on Reset MemCache option in the sidebar (if this option exists).

 

Troubleshooting

If you still see any issue with sorting dropdown in mobile Safari, make sure you refresh the page several times to avoid caching issue. Other than that there should not be any trouble. This fix was applied and verified on KVS demo site (https://kvs-demo.com).

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...