Return to previous page

Menu on iPad horizontal view goes across two lines making it unsable

This topic has 14 replies, 3 voices, and was last updated 2 years ago ago by Tony Rodriguez

IvanMTK

Participant

September 7, 2022 at 00:06

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.

Please, contact administrator
for this information.

#333414 Copied Theme version: 8.1.5 WooCommerce version: 6.1.2

13 Answers
Awais Ahmed

Participant

September 7, 2022 at 07:50
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.
#333444 Copied
IvanMTK

Participant

September 10, 2022 at 18:27

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.

Please contact administrator
for this information.

#333688 Copied

Awais Ahmed

Participant

September 12, 2022 at 06:36

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.

#333772 Copied

IvanMTK

Participant

October 7, 2022 at 05:58

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.

Please contact administrator
for this information.

#335964 Copied

Tony Rodriguez

Support staff

October 7, 2022 at 07:27

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.

#335975 Copied

IvanMTK

Participant

October 9, 2022 at 02:48

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

Please contact administrator
for this information.

#336055 Copied

Tony Rodriguez

Support staff

October 9, 2022 at 10:21

Hello, @IvanMTK,

Trying to access your site and now it is asking for the password: https://postimg.cc/QH0V7zsF

Regards 8Themes Team.

#336069 Copied

IvanMTK

Participant

October 11, 2022 at 02:59

Attached you’ll find the password

Please contact administrator
for this information.

#336169 Copied

Tony Rodriguez

Support staff

October 11, 2022 at 07:13

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.

#336185 Copied

IvanMTK

Participant

October 28, 2022 at 04:00

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.

#337462 Copied

Tony Rodriguez

Support staff

October 28, 2022 at 06:12

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.

#337472 Copied

IvanMTK

Participant

November 6, 2022 at 21:46

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.

Please contact administrator
for this information.

#337981 Copied

Tony Rodriguez

Support staff

November 7, 2022 at 07:42

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.

#338004 Copied
Tagged: horizontal view, ipad, menu, themes, usable, woocommerce, wordpress
Viewing 14 results - 1 through 14 (of 14 total)