Return to previous page

Ajax Product Tab Showing Like DropDown in Mobile View

This topic has 5 replies, 3 voices, and was last updated 3 weeks, 6 days ago ago by Yasar

Yasar

Participant

July 14, 2025 at 12:48

Dear Team,

On the home page, I have used Ajax Product Tab and it works fine in desktop version but looks like Drop Down in the the Mobile version. Also, please advise on how to change the dark magenta pink color on the tab in Desktop. As I tried few settings, but it’s not changed.

Is any possibility the same Ajax tab view shown in the mobile same as Desktop. Kindly advise.

Regards
Yasar

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#449777 Copied

4 Answers

Rose Tyler

Support staff

July 14, 2025 at 13:27

Hello,

Thank you for reaching out to us.

Edit Home page using Elementor > Tabs element settings > you can disable this option – https://prnt.sc/JsKsyUAz1gut
https://prnt.sc/U3MsyBOQSr0n

Warm Regards,
The 8Theme Team

#449792 Copied

Yasar

Participant

July 14, 2025 at 13:49

Dear Tyler,

The color issue sorted out! Thanks much. And for the tabs on Mobile Device, It has changed from Drop Down after disable the setting , but still it’s not as same as desktop for horizontal swiping.

Still like vertical one after another. Any Setting for this?

Files is visible for topic creator and
support staff only.

#449802 Copied
Jack Richardson

Support staff

July 14, 2025 at 16:31
Hello @Yasar,

We hope this message finds you well.

Our development team has introduced such option to display tabs as a select dropdown to enhance the user interface and user experience on mobile devices. However, if you prefer to have the tabs displayed with horizontal scrolling instead, we have implemented an alternative solution for you.

Please refer to the following preview: https://prnt.sc/a4yBz7fauEVv

To apply this layout, we have added the following custom CSS:

@media only screen and (max-width: 767px) { selector .et-advance-tabs .et-tabs-nav > ul { flex-direction: row; overflow: auto; flex-wrap: nowrap; white-space: nowrap; justify-content: flex-start !important; text-align: left; margin: 10px 0 0; } }

Should you need any further assistance, please do not hesitate to contact us.

Best regards,
The 8Theme Team
#449833 Copied
Yasar

Participant

July 15, 2025 at 09:20

Hey Jack,

That’s Great. I checked and it’s showing as expected. Thank You!

#449874 Copied
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Ajax Product Tab Showing Like DropDown in Mobile View’' has been successfully resolved, and the topic is now closed for further responses

Ajax Product Tab Showing Like DropDown in Mobile View

Helpful Topics

Browse by popular tags

Explore our best WordPress WooCommerce Themes collection