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

This topic has 14 replies, 3 voices, and was last updated 1 year, 4 months ago ago by Tony Rodriguez

  • Avatar: IvanMTK
    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.
    13 Answers
    Avatar: Awais Ahmed
    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.

    Avatar: IvanMTK
    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.
    Avatar: Awais Ahmed
    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.

    Avatar: IvanMTK
    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.
    Avatar: Tony Rodriguez
    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.

    Avatar: IvanMTK
    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.
    Avatar: Tony Rodriguez
    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.

    Avatar: IvanMTK
    IvanMTK
    Participant
    October 11, 2022 at 02:59

    Attached you’ll find the password

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    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.

    Avatar: IvanMTK
    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.

    Avatar: Tony Rodriguez
    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.

    Avatar: IvanMTK
    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.
    Avatar: Tony Rodriguez
    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.

  • Viewing 14 results - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.