Return to previous page

Header ajax search not working as intended on mobile

This topic has 12 replies, 3 voices, and was last updated 6 months, 2 weeks ago ago by Andrew Mitchell

Alpha111

Participant

June 5, 2024 at 03:42

the design is kinda broken on mobile title too long and price hidden

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#398153 Copied Theme version: 9.3.11

11 Answers

Jack Richardson

Support staff

June 5, 2024 at 08:04

Hello @Alpha111,

Thank you for reaching out and bringing this to our attention. We apologize for any inconvenience caused by the design issues on mobile. We are committed to providing a seamless experience and appreciate your feedback as it helps us improve.

In Header Ajax search widget we have separated settings for the configuration of search found item parts on mobile devices -> https://prnt.sc/cU-x1FGF1kiQ. You can set the elements you would like to display on mobile devices.

If you have any more details to share or further concerns, please do not hesitate to contact us. Your satisfaction is our priority.

Best Regards,
Jack Richardson
8Theme’s Team

#398197 Copied

Alpha111

Participant

June 5, 2024 at 12:25

but i want to display the price too see screenshot another website i made how i hope the result

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#398229 Copied

Jack Richardson

Support staff

June 5, 2024 at 12:51

Dear @Alpha111m,

We hope this message finds you well.

We would like to inform you that we have successfully reverted the display settings for the product price on mobile content https://prnt.sc/HvOUocKKvWLP. Additionally, we have implemented custom CSS, which you can review at the following link: https://prnt.sc/qIdOThI–A3R.

The resulting changes can be viewed here: https://prnt.sc/4Pj2EysCHdkK. We kindly ask you to review the modifications at your earliest convenience and provide us with your feedback.

Thank you for your attention to this matter.

Best Regards,
Jack Richardson
The 8Theme Team

#398241 Copied

Alpha111

Participant

June 5, 2024 at 12:57

thanks its getting closer can it display only 2 lines from product title ?

#398243 Copied
Jack Richardson

Support staff

June 5, 2024 at 13:33
Dear @Alpha111,

We hope this message finds you well. We are pleased to provide you with the custom CSS necessary for the Header Ajax Search widget. Applying this CSS will help you achieve the desired styling as shown in the screenshot available here: https://prnt.sc/P_fbiuA3UMLn.

Please find the custom CSS below:
```
[data-elementor-device-mode="mobile"] selector .etheme-search-form-item-title {
    line-height: 1.5;
    height: 6ex;
    overflow: hidden;
}
```
Should you require any further assistance or have additional questions, please do not hesitate to contact us.

If you require personal customization services, we invite you to submit a request through our customization panel at: https://www.8theme.com/account/#etheme_customization_panel , and continue conversations with the technicians team directly.

Best Regards,
Jack Richardson
The 8Theme Team
#398256 Copied
Alpha111

Participant

June 5, 2024 at 13:48

where should i apply it ?

#398259 Copied

Jack Richardson

Support staff

June 5, 2024 at 13:52

Hello @Alpha111,

Each widget in Elementor has own Custom CSS area so you should add the custom to the appropriate one of Header Ajax search widget from Header -> https://prnt.sc/pRShA6qCWHZ2.

Best Regards,
Jack Richardson
The 8Theme Team

#398262 Copied

Alpha111

Participant

June 5, 2024 at 13:55

it seems like it didnt work can you check for me ?

#398264 Copied

Jack Richardson

Support staff

June 5, 2024 at 14:41

Dear @Alpha111,

Upon reviewing your query, we have verified that added code is functioning as expected. You can view the result here: https://prnt.sc/IVGSmsLwr_MU.

Could you kindly clear your browser cache and confirm if the issue persists on your end?

Best Regards,
Jack Richardson
8Theme’s Team

#398282 Copied

Alpha111

Participant

June 5, 2024 at 16:13

Thanks it works now perfectly

#398300 Copied

Andrew Mitchell

Support staff

June 5, 2024 at 16:13

Dear Alpha111,

In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

Click here to share your thoughts: https://themeforest.net/downloads

Being part of our community means a lot, and your feedback contributes immensely.

Best Regards,
The 8Theme Team

#398301 Copied
Tagged: fix ajax issues, header ajax search, mobile issues, search not working, woocommerce mobile, woocommerce templates, wordpress
Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘header ajax search not working as intended on mobile’' has been successfully resolved, and the topic is now closed for further responses

Header ajax search not working as intended on mobile

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection