Return to previous page

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

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

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

Content is visible for topic creator and
support staff only.

#414610 Copied Theme version: 9.4.1

10 Answers

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)

Content is visible for topic creator and
support staff only.

#414611 Copied

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

#414703 Copied

MAHDAR

Participant

September 17, 2024 at 11:16

I put the link again.

Content is visible for topic creator and
support staff only.

#414705 Copied

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

#414741 Copied

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.

#414747 Copied
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
#414759 Copied
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

Content is visible for topic creator and
support staff only.

#414780 Copied

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

#414822 Copied

MAHDAR

Participant

September 18, 2024 at 13:04

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

#414889 Copied

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

#414916 Copied
Tagged: efficient mobile search wordpress, enhanced search button woocommerce, fast woocommerce mobile search, mobile woocommerce search button, optimized woocommerce mobile search, user-friendly mobile search button, wordpress templates mobile search
Viewing 11 results - 1 through 11 (of 11 total)