Search button on mobile - by MAHDAR - on WordPress WooCommerce support

This topic has 11 replies, 2 voices, and was last updated 3 weeks, 4 days ago ago by Jack Richardson

  • Avatar: mahdar
    MAHDAR
    Participant
    September 16, 2024 at 23:14

    Hello, I hope you are well

    There are 2 items for the search button, please check

    1. Products found text is displayed very large on mobile

    2. It seems that the display width of the products on mobile is not correct, And you can’t scroll down on mobile

    Please, contact administrator
    for this information.
    10 Answers
    Avatar: mahdar
    MAHDAR
    Participant
    September 17, 2024 at 00:09

    3- I designed the marquee header with the unlimited-elements.com plugin and it turned out very well, but the theme also has a marquee element, but it seems to be a problem.

    Please watch the video.

    Problems: (speed and not respecting the distance)

    Please contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 17, 2024 at 11:04

    Dear @MAHDAR,

    I hope this message finds you well. We are currently unable to view the attachments you sent as they are restricted. Kindly provide us with access to the following link: https://prnt.sc/0cjcvu7BNXDW. Alternatively, it would be beneficial if you could use a third-party service such as https://wetransfer.com/ to upload the images or videos related to the issue.

    Additionally, if you prefer to continue using the widget from another plugin, please feel free to do so. We have noted your request to address the issue with the Marquee widget and have added it to our to-do list. We are aware of the speed issue; however, addressing it is challenging at the moment due to our focus on other global tasks.

    Thank you for your understanding and cooperation.

    Best Regards,
    Jack Richardson
    8Theme’s Team

    Avatar: mahdar
    MAHDAR
    Participant
    September 17, 2024 at 11:16

    I put the link again.

    Please contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 17, 2024 at 13:14

    Dear @MAHDAR,

    Thank you for your cooperation. Unfortunately, we are still unable to access all the links provided as they require additional permissions. We kindly request that you utilize an alternative service to Google Drive for sharing these files to facilitate our access.

    Furthermore, could you please provide the URLs of the pages where the issues described in your query are occurring? This information will enable us to locate the pages more swiftly and address your concerns more effectively.

    Thank you for your attention to these matters.

    Best regards,
    Jack Richardson
    The 8Theme Team

    Avatar: mahdar
    MAHDAR
    Participant
    September 17, 2024 at 14:32

    There is a problem with the search option on the main page and all pages

    Files is visible for topic creator and
    support staff only.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 17, 2024 at 15:05

    Hello @MAHDAR

    We would like to address the responsive design of the Ajax search popup. We are considering potential improvements to enhance its functionality and have already added this task to our to-do list. It is important to note that we have not yet had customers who frequently use the search popup on mobile devices, as it presents some challenges in managing and viewing product results. Consequently, we typically utilize the search input feature in our mobile device demos, as it offers a superior user interface and user experience, proving more beneficial for site visitors.

    Should you choose to continue using the popup search, you may implement the following custom CSS to improve its functionality. Please add this code under Theme Options -> Theme Custom CSS -> Global CSS:

    @media only screen and (max-width: 768px) {
        .etheme-search-form[type=popup] .autocomplete-suggestions {
        --cols: 2;
        max-height: calc(100vh - 80px - 20px*4) !important;
        }
        .etheme-search-form[type=popup] .etheme-search-tags {
            flex-wrap: wrap;
        }
    }

    We value your cooperation and look forward to your prompt response. Thank you for your attention to this matter.

    Best regards,
    Jack Richardson
    8Theme’s Team

    Avatar: mahdar
    MAHDAR
    Participant
    September 17, 2024 at 19:23

    Thanks, it’s fixed.

    There is only one more problem, can you do anything?

    Not available for viewing more on mobile?

    If possible, set the z-index so that it does not show the bottom menu

    Please contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 18, 2024 at 07:30

    Hello @MAHDAR

    You can modify the css value of ‘max-height’ property in next way:
    max-height: calc(100vh - 200px) !important;
    You just need to find the correct values instead of 200px because for now we don’t expect such issues -> https://prnt.sc/6DLJai5MX33W, https://prnt.sc/2AucbrQ9sDuW.

    Kind regards,
    Jack Richardson
    The 8theme’s team

    Avatar: mahdar
    MAHDAR
    Participant
    September 18, 2024 at 13:04

    Thank you, just excuse me, what class should I put the code in?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 18, 2024 at 14:10

    Dear @MAHDAR,

    We hope this message finds you well. We would like to draw your attention to our previous communication where we provided a suggested solution to your query. You can review the details by following this link: https://www.8theme.com/topic/search-button-on-mobile/#post-414759.

    Additionally, we have included the CSS code that we recommended in our response. You can view the specific code here: https://prnt.sc/V_Q5lQ-95_1J. Furthermore, one of the lines of the CSS code that we advised you to enhance can be found at this link: https://prnt.sc/zIx8INyzdoTU.

    We trust that this will assist you in implementing the necessary improvements. Should you require further clarification or assistance, please do not hesitate to contact us.

    Best Regards,
    Jack Richardson
    The 8Theme Team

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

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

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