Return to previous page

Some visual bugs in iOS devices especially

This topic has 32 replies, 5 voices, and was last updated 10 years, 1 months ago ago by Stan Russell

sorin.manica

Participant

February 3, 2015 at 19:18

Hello!

On Apple devices especially, there are some visual bugs – see below:

1. On an iPad, the top menu (with Log In / Registration) doesn’t appear. The live site is this one. This happens on both in-built Safari browser, and also on Chrome.

2. On an iPad, but ONLY in the built-in Safari browser (in Chrome everything is ok) the products aren’t shown grouped on the page, but with many gaps, although I made sure the height of the product title is fixed via a custom css. You can view screenshots here and here, and also the live product listing page here.

3. In iOS (AirBook / iOS phone / iPad), in any browser, ONLY the special romanian characters (ș and ț) that are generated by the theme aren’t shown as they should.

This happens not only in the menu, but also in the message of the shopping cart when is empty (that’s a custom message from the theme’s settings). See here (make sure the cart is empty).

Also, you can see the price filter from the sidebar. In romanian, Price is Preț – the last character is not shown also in the screenshots from problem no. 2.

This usually happens (in other cases) if the charset isn’t UTF8 / ISO-8859-2. If the charset for example for newsletters is ISO-8859-1, then problems arise with romanian characters.

The strange thing is that on Android (mobile) devices everything is ok. Can you please investigate this? Thanks 🙂

#39237 Copied

31 Answers

sorin.manica

Participant

February 4, 2015 at 11:54

Admin & ftp credentials below if needed. Please also mention if you need more screenshots.

Thanks again 🙂

Please, contact administrator
for this information.

#39706 Copied

sorin.manica

Participant

February 5, 2015 at 15:47

Hello again. Sorry to insist, but have you noticed this thread? Is it forwarded to other colleagues? Thanks 🙂

#39955 Copied

Eva Kemp

Participant

February 5, 2015 at 17:32

Hello,

We’re sorry for a delay.
We’re investigating this issue. You’ll be replied as soon as possible.

Thank you for your patience.

Regards,
Eva Kemp.

#39970 Copied

Eva Kemp

Participant

February 9, 2015 at 12:26

Hello,

Sorry for a long delay.
1. Log In / Registration links are moved to the mobile menu when the site is viewed on mobile devices.
2. Sorry but we didn’t see any problems with the products.
3. The font issue has been fixed. We’ve enabled extended latin font in header.php file.

Thank you.
Regards,
Eva Kemp.

#40494 Copied

sorin.manica

Participant

February 9, 2015 at 12:29

Just wanted to leave a note for your devs regarding the bugs from the first post:

1. The header menu issue is gone, because we’ve switched from header no. 12 to header no. 8 from theme settings. So, on header 8 (right now), the my account menu area is visible.

However, on header 12 the problem is still present (the my account area isn’t visible on an ipad).

2. Problem still isn’t solved.

3. The problem is solved. Probably you’ve made some changes to the theme via the ftp recently.

Thanks again and please check for the problem no. 2 from the first post.

#40495 Copied

sorin.manica

Participant

February 13, 2015 at 11:29

Hello!

I’ve just updated to the latest version of the theme (1.7), and the problem with the romanian characters (no 3 from the original reply) reappeared.

Can you please ask your colleague that solved this issue in the first place to solve it again? And please leave here a changelog so I can solve it by myself in future versions of the theme.

Thank you 🙂

PS: Problem no 2 still isn’t solved.

#41898 Copied

Eva Kemp

Participant

February 13, 2015 at 12:20

Hello,

We’ve created a child theme for you where modifications are made, so you won’t lose any changes after update.
Please provide us with a link where products are shown incorrectly on iPad.
Also please show a screenshot of the 12th header type menu where Registration and Sing In links are missed.

Thank you.
Regards,
Eva Kemp.

#41916 Copied

sorin.manica

Participant

February 13, 2015 at 15:20

Sure, screenshots here, here and here.

Thanks 🙂

#41980 Copied

sorin.manica

Participant

March 13, 2015 at 17:13

Any news on this very old thread? 😀

Should I resend some login info (the ones in the first reply were deleted)?

From the first post, problem 1 still isn’t solved (with header 12, however now I use header 8, which is ok), and no 2 also isn’t solved (products with gaps).

Thanks.

#49452 Copied

Eva Kemp

Participant

March 13, 2015 at 17:23

Hello,

Sorry for a delay.
On mobiles “Register” and “Sign In” links are shown in mobile menu when you click it:
http://storage4.static.itmages.com/i/15/0313/h_1426263494_6088444_0a394672c5.png
Please check it.

What exactly is wrong with products display?
They are shown fine.
Please describe this issue with more details.

Thank you.
Regards,
Eva Kemp.

#49456 Copied

sorin.manica

Participant

March 13, 2015 at 17:29

Ok, I understand.

For the second issue, the one with the gaps, see post #41980 (the post above my previous post), I gave there some screenshots 🙂

#49460 Copied

Eva Kemp

Participant

March 13, 2015 at 17:46

Hello,

Do you mean this screenshot http://postimg.org/image/60hzzfpkx/ ?
What should be changes there?

Thank you.
Regards,
Eva Kemp.

#49470 Copied

sorin.manica

Participant

March 13, 2015 at 18:06

Yes, the screenshot is made on a page with more than 5 products. On the white space / gap there should be another product.

Was my explanation ok? 🙂

#49478 Copied

Eva Kemp

Participant

March 18, 2015 at 22:52

Hello,

As I see all products are shown:
http://storage1.static.itmages.com/i/15/0318/h_1426715398_5740023_d435c98668.png

Please show us a direct link where not all products are displayed.

Thank you.
Regards,
Eva Kemp.

#50723 Copied

jonesgemma

Participant

May 15, 2015 at 21:11

I have the same issue with the image layout of products when using Safari browser on the i pad. I am using layout of 12 products per page, on a chrome or IE on I pad, or on laptop and Pc it shows 4 rows of 3 products per row. When using Safari on the I pad it has a very random display, and it is never the same each time you refresh or reload. Sometimes it will be one image on 1st row, then 3 on 2nd row, and 1 on 3rd row, and one on 4th row, if you refresh the page they may then show correctly, or they may be another totally different random layout.

http://www.lovefascinators.co.uk/1.PNG
http://www.lovefascinators.co.uk/2.PNG
http://www.lovefascinators.co.uk/3.PNG
http://www.lovefascinators.co.uk/4.PNG

1 and 2 showing issues 3 and 4 same page that has been refreshed.

There have been no customisations to CSS

8theme version 1.71 (Think wee have chosen the Food theme option)
Header 12, Left sidebar
Wordpress Version 4.11

Thanks very much Rowan

#64252 Copied Theme version: 8theme version 1.71

Eva Kemp

Participant

May 16, 2015 at 09:30

Hello,

Please provide us with wp-admin panel credentials in private content.

Thank you.
Regards,
Eva Kemp.

#64285 Copied

jonesgemma

Participant

September 14, 2015 at 21:47

Have sent you a details in private message as requested, sorry its taken so long!

Please, contact administrator
for this information.

#86828 Copied Theme version: Royal
Jack Richardson

Support staff

September 15, 2015 at 07:59
Hello @jonesgemma,

Please try to use this code in custom.css file:

.products-grid .product-title { height: 50px; }

After that check products display.

How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Thank you.
Best regards,
Jack Richardson.
#86887 Copied
jonesgemma

Participant

September 15, 2015 at 19:14

Hi there, thanks for your gudance here, have tried this and it hasn’t made any difference, the issue is still the same. You also did not address the issue raised regarding the Wp options table raised in my PM last night.

Thanks

#87117 Copied

Jack Richardson

Support staff

September 16, 2015 at 08:42

Hello,

Please clear browser cache and check your products page again. I don’t see the issue any more.
Also you can optimize your database:
http://wpfreaks.com/easily-reduce-clean-size-options-table-wordpress/
http://premium.wpmudev.org/blog/optimizing-your-wordpress-database-a-complete-guide/

Best regards,
Jack Richardson.

#87184 Copied

jonesgemma

Participant

September 21, 2015 at 20:52

Hi Jack, thanks for your reply, there is sill an issue with layout on ipad and iphone on the shop pages, it is intermittent and changes per refresh and per page. Can you please have another look at this.

Thanks Rowan

#88406 Copied

jonesgemma

Participant

September 25, 2015 at 07:37

Hi there, could somebody please look into this ongoing issue please ?

Thanks

#89162 Copied

jonesgemma

Participant

September 29, 2015 at 20:55

Is there anybody else who has experienced similar issues with layout of the shop pages on ipad and iphone? I have tried a few things and not sure what else to try?

Thanks

#90314 Copied

jonesgemma

Participant

October 5, 2015 at 20:39

Hi there, I have just looked to contact you guys through the Contact Us section, but says that need to use the forum for all technical queries and should get an answer within 24 hours, I have now been waiting 10 days. Could somebody please look into this and give me some ideas on how to resolve the issue raised.

Many thanks Rowan

#91527 Copied

Eva Kemp

Participant

October 6, 2015 at 09:07

Hello @jonesgemma,

We’re sorry for a long delay.
Please update the theme to the latest version and Woocommerce as well.
Before update delete “woocommerce” folder in the directory wp-content/themes/royal/ and it’ll be reuploaded from a new theme package.
Also update all required plugins https://www.8theme.com/download-plugins/ .

Don’t forget to create back up of your files and database before starting update process!

(it’s for Legenda theme but the process is the same).

Regards,
Eva Kemp.

#91635 Copied

jonesgemma

Participant

October 7, 2015 at 23:02

Hi Eva

Thanks for your reply, we have done as suggested but it doesn’t seem to have made any difference there are still issues with shop layout on ipad. Although this is only if you use safari browser if you use chrome on ipad it works fine.

Do you have any further suggestions, do you have other clients using the same theme? Do they have the same issues, how do their sites look on ipad safari?

Could it have anything to do with page speed and the page not loading fast enough?

Thanks Rowan

#92392 Copied

Eva Kemp

Participant

October 8, 2015 at 14:34

Hello,

We checked your site on iPad and didn’t see the issue.
Please specify what iOS version you’re using and provide direct page link where you have issues.

Thank you.
Regards,
Eva Kemp.

#92549 Copied

jonesgemma

Participant

October 9, 2015 at 00:17

Hi Eva

We are using IOS 8.2 on our ipad. You may not have seen the issue as it is intermittent and doesn’t happen everytime, if you refresh the page you will normally see it if not shown when you load it. What is also quite strange is it is quite random as you get a different incorrect layout each time you reload the page. The Home page layout is fine, the problem appears on the shop pages, if you click on any of the categories down the left had side you should see the problem.

The following is a link is an example where you will see the problem: lovefascinators.co.uk/product-category/black-fascinators/

I have also asked a friend to try it out on his ipad and he has the same issues, just in case it was an issue with my ipad. I have to say i do not know what version of IOS he had on his ipad, i can try and find out tomorrow.

Many thanks

Rowan

#92638 Copied

Eva Kemp

Participant

October 9, 2015 at 09:17

Hello,

Please take our apologies, but we still can’t reproduce the problem:
http://storage9.static.itmages.com/i/15/1009/h_1444378560_3398535_16dc69f483.png

The page was reloaded several times and still no issues.

Regards,
Eva Kemp.

#92721 Copied
1 2 →

Viewing 30 results - 1 through 30 (of 32 total)