Advanced Tabs, tabs not functioning on mobile

  • Resolved planetboris

    (@planetboris)


    1 year, 5 months ago

    Hi, I have vertical tabs setting with Advanced Tabs widget, with content displaying on the right side. Everything is working except for mobile view, anything under 768px wide. In Elementor editor, in mobile view, the tabs are functioning correctly. When I click on a tab the corresponding content on the right side appears. But in live preview in mobile view, when you click on the tab buttons, nothing happens. I have cleared all caches, regenerated EA and Elementor assets, refreshed, shut down browser (and restarted computer). I have tried other browsers, same result. I have checked z-indexes and it seems correctly applied. Works fine in editor, but once out in preview, tabs do not function (only in mobile, 767px and below). I don’t know what to do. Hope you can assist. Thank you and best regards (site is not yet live)

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Ashikur Rahman

    (@ashikurwp)

    Hi @planetboris ,

    Greetings. Sorry for the inconvenience.

    We’ve checked your query and tested it on our end. You can review the demonstration here. Since the site is not live yet, could you please share the issue with a screen recording or screenshots? This will enable us to investigate the issue thoroughly and assist you appropriately.

    Thank you.

    Thread Starter planetboris

    (@planetboris)

    [SOLVED] Thanks for confirming on your end. I did more troubleshooting and apparently it was the “vh” height setting on the nav menu container that was blocking the tabs from working in mobile. Also I am using svg icons for the tabs but they don’t respond to hover changes I have applied in the style settings. I would like them to change color or even shrink if possible upon hover. Do you have any suggested CSS to apply changes on hover? Change color on hover or glow on hover if possible?

    • This reply was modified 1 year, 5 months ago by planetboris.
    Plugin Support Ashikur Rahman

    (@ashikurwp)

    Hi @planetboris ,

    Greetings. Sorry for not getting back to you sooner.

    Thanks for the confirmation. Regarding your SVG icon, we’ve also rechecked it. Everything works perfectly with the SVG icon in active and hover states. You can verify it here: https://d.pr/v/HwingS. If possible, please provide us with more specific information about the issue, such as screenshots or screen recordings. This will enable us to assist you appropriately.

    Looking forward to hearing back from you.

    Thank you.

    Plugin Support Ashikur Rahman

    (@ashikurwp)

    Hi @planetboris ,

    Hope you’re doing well.

    We haven’t received any updates from you since then. We’re just reaching out to ask whether your issue has been resolved or if you need any more help.

    Please let us know the update.
    Thank you.

    Plugin Support Ashikur Rahman

    (@ashikurwp)

    Hi @planetboris ,

    Greetings

    It has been quite some time since we last heard from you. Therefore, we are assuming that your issue has been resolved. We will now proceed to close this topic. We wanted to let you know that you are always welcome to re-open the topic if you have any further questions or concerns.

    Have a wonderful day!

    Thread Starter planetboris

    (@planetboris)

    Thanks, I will have a look at my svg files, probably I need to delete the inline styling. I will try something like OMGSVG, maybe that will make a difference. Cheers

    Plugin Support Ashikur Rahman

    (@ashikurwp)

    Hi @planetboris ,

    Greetings.

    Please retry that from your end and let us know the update. We would be happy to help you out if you face any issues. Don’t worry.

    Thank you.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Advanced Tabs, tabs not functioning on mobile’ is closed to new replies.