This topic has 14 replies, 3 voices, and was last updated 1 years, 12 months ago ago by Tony Rodriguez
We’ve noticed an issue with the header of the theme when going into iPad view horizontal/landscape. The menu gets squished across two lines making it not very easy to use and also breaks the design of the header.
I’ve attached a screenshot showing how it looks like. Please let us know if there is some css values we could override to fix this. Thanks.
Hello, @IvanMTK,
In order to solve your issue simply go to the Dashboard >> XSTORE >> Theme Settings >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box.
@media(min-width:991px) and (max-width:1365px){.mobile-header-wrapper{display:block !important;}
.header-wrapper{display:none !important;}}
Then save settings and check back to your site after clearing the browser cache. The result will look like as you can see in the video: https://streamable.com/21587v
Regards 8Themes Team.
There are some more issues with iPad view on the product page.
1) Horizontal View: There is a lot of extra spacing on the right side of the product page when viewed in landscape on iPad. I’ve attached a screenshot for reference.
2) Horizontal View: On the product page, underneath the product images the recommended products shown are very small and add to cart button is not clickable.
3) Vertical View: When switching from landscape to portrait view on iPad, the product page elements go out of order unlike when you first load the product page on mobile view landscape or portrait. Screenshot attached showing this issue.
Hello, @IvanMTK,
Alright, Thanks for the logins and detailed descriptions with images of your issues.
I have made a video for you, in which I show you all your issues that it is working fine now and how I resolved them. Here is the video link: https://streamable.com/8suqhi
As you can see in this image: https://postimg.cc/FYdx4dw7 you added a lot of customization in the child theme on your site which is causing the issue. That’s why when I activate the parent theme all of your issues have been auto-resolved. Now, In order to solve your issue with the child theme, you have to check your customization and set this so that, it will not cause any issue on the site.
Regards 8Themes Team.
Hello,
This is still an issue and the fixes you have applied in the latest response were not correct and completely broke the product page. What we would like is for the product page to look the same way as mobile whether it’s in vertical or horizontal mode.
When switching between these orientations, the product page goes completely out of whack.
I have set up a staging environment where you can add changes to. The info for that in the private content area.
Hello, @IvanMTK,
Actually, your provided login details of the staging site are not valid as you can see in this image: https://postimg.cc/G8Yt7qHb please share the valid access in the private content area so that I can check and debug your issue to fix it.
Regards 8Themes Team.
I have gone ahead and fixed the credentials error. Attached in the private content area, you’ll see the updated credentials and they should be working now.
Let me know if you’re still having trouble. Thanks
Hello, @IvanMTK,
Trying to access your site and now it is asking for the password: https://postimg.cc/QH0V7zsF
Regards 8Themes Team.
Attached you’ll find the password
Hello, @IvanMTK,
Your issue is resolved now. I have added a custom CSS code you can see it here: https://postimg.cc/14fpLXLB and after adding this code check the result of your site in this video: https://streamable.com/bqi9oe please check back to your site after clearing the browser cache. I hope you will never face any issues again.
Regards 8Themes Team.
Hello,
We checked the website and we didn’t notice any changes on the ipad. Everything looks pretty much the same way like it was from before.
What we want is for the ipad viewport to look the same way like mobile, including order of elements and such. everything should be the same way. right now it is not.
Hello, @IvanMTK,
Actually, Your site is no longer working for me, it is showing an error as you can see in this image: https://postimg.cc/1gSqTYCG
Could you please share the working URL and site admin access with us again in the private content area of this topic, so that I will check your issue again and help you to fix it.
Regards 8Themes Team.
The staging site has been fixed and I have attached credentials to the new staging environment which I have confirmed to be working.
Please let me know if you continue having difficulty accessing the site.
Thanks.
Hello, @IvanMTK,
Thanks for the login details. I have checked and found no issue. Here is the video for you. please watch it completely for a better reference: https://streamable.com/67jfm2
You have a cache issue nothing else. please check your site on a fresh new browser.
Regards 8Themes Team.
Tagged: horizontal view, ipad, menu, themes, usable, woocommerce, wordpress
You must be logged in to reply to this topic.Log in/Sign up