Advanced Tabs Widget – Tablet View Issue

  • Resolved Don Kong

    (@don-kong)


    4 years, 9 months ago

    Hello,

    With only four tabs, the EA Advanced Tabs Widget has adapted perfectly in all three views (desktop, tablet, and mobile). But since I have added two tabs more, the widget, unfortunately, doesn’t work in the tablet view anymore.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Mahbub Shovan

    (@mahbubshovan)

    Hi Don,

    Yes, I have checked that and it’s not working for you. So we have fixed it from our end, could you please push the following CSS to your custom CSS section:

    @media only screen and (max-width: 1024px) and (min-width: 766px) {
    .elementor-6560 .elementor-element.elementor-element-8596d33 .eael-advance-tabs .eael-tabs-nav > ul {
        flex-direction: row;
        flex-wrap: wrap;
      }
      .elementor-6560 .elementor-element.elementor-element-8596d33 .eael-advance-tabs .eael-tabs-nav > ul li {
        margin: 0 5px 10px 5px;
        flex-basis: 30%;
      }
      .elementor-6560 .elementor-element.elementor-element-8596d33 .eael-advance-tabs .eael-tabs-nav > ul li:after {
        display: none;
      }
}

    For more information, you can check out this link.

    Thanks

    Thread Starter Don Kong

    (@don-kong)

    Hello @mahbubshovan

    thanks a lot for the quick help. Yes, the CSS fixed it.

    Regards

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Advanced Tabs Widget – Tablet View Issue’ is closed to new replies.