Responsive issues

[ponycoach]

Steps to reproduce on my site fullofknots.com or on your demo site for both issues.

Issue 1
Must use an ipad to reproduce.
Click on search. Select drop down to change search criteria. The search box jumps to the bottom of the screen and acts sporadically.

Issue 2
Use Safari browser
Watch the icons in the top navigation and scroll down the page. The icons disappear before they appear again.

Most of my targeted audience will be using mobile devices and before i go any further with this theme I wanted to know if these issues were fixable.

Thanks in advance for your assistance.

[FocuxTheme Support]

Hi

1. Could you post a screenshot? Because it works fine on my ipad. Or try to reduce the search textbox width with the following custom CSS, put it into Samsara options > Custom styles > CSS code.

#slidedown-search input[type="text"]{width:180px;}

2. Thanks for reminded, I will fix this issue in the next version, and now the quick solution is that please put the following custom CSS into Samsara options > Custom styles > CSS code

.tools ul li a {
	-webkit-transition: width .3s ease;
	-moz-transition: width .3s ease;
	-ms-transition: width .3s ease;
	-o-transition: width .3s ease;
	transition: width .3s ease;
}

Thanks

[ponycoach]

Interesting. It works on the older ipad for me too. However I did my original testing with the new ipad air 2 and it behaves badly on that device.

Step 1
Click on search button
https://www.dropbox.com/s/0pl91nbac5swint/photo%201.JPG?dl=0

Step 2
Click on selection box
https://www.dropbox.com/s/zdma1mmtqq4xzo3/photo%202.JPG?dl=0

Step 3
Click on text field
https://www.dropbox.com/s/j4dzpvmawa9bsdf/photo%203.JPG?dl=0

Step 4
Click on selection box a second time before performing any searches and select a different type
https://www.dropbox.com/s/btv6tn28c0t3422/photo%204.JPG?dl=0

Step 5
Attempt to click on search box again and nothing is clickable. If freezes. Not even the X on the top right of the page to close it works.
https://www.dropbox.com/s/huy16mqkf2j2fui/photo%205.JPG?dl=0

[FocuxTheme Support]

I don’t have ipad air so that I can’t reproduce the issue like your steps, so I need your help.

What’s browser you used on your ipad air? Is iOS8 on your ipad air?

[ponycoach]

Safari using iOS 8.1.3.

[ponycoach]

The behavior is worse on your demo site. If I click search from the home page of your demo site and select the drop down box, then select a post type the search page disappears showing the home page again but the X to close the search page still remains. If I scroll up on the home page suddenly the search page displays again remembering the selection I just made for post type. When I enter my search text and hit search it disappears again showing the home page. if I scroll up again then it does kind of a refresh and shows the search results. I can screen shot everything if it will help.

[FocuxTheme Support]

I reproduced the issue, I found it’s only appeared on Safari(iOS8+), it’s compatibility issue for this new version of browser.
I’m sorry that I need time to search on google and find the solution and I will fix it in the next version and let you know ASAP.

[FocuxTheme Support]

Try to add the following custom CSS into “Samsara options > custom styles > CSS code”

#slidedown-load {position:absolute;}

[ponycoach]

Both glitches have been fixed. Adding the following code as described above did the trick.

.tools ul li a {
-webkit-transition: width .3s ease;
-moz-transition: width .3s ease;
-ms-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease;
}

#slidedown-load {position:absolute;}

Great Job and Thanks.

[FocuxTheme Support]

Yes, that’s right!

[Author]

Posts