Advanced Tabs – Equal Width

  • Resolved hengstigal

    (@hengstigal)


    3 years, 9 months ago

    Hello,

    is it possible to make the tabs in the Advanced Tabs Widget equal width? Could you please provide me the needed Css? Thank you very much!

    And is it possible to show the tabs in mobile like this:

    Header 1
    Content 1
    Header 2
    Content2
    …

    Thank you!

Viewing 1 replies (of 1 total)
  • Plugin Support Sadman Sakib Nadvi

    (@sadmansakibnadvi)

    3 years, 9 months ago

    Hello there,

    Greetings. Hope you are doing well.

    You can use this css: 

    @media only screen and (max-width: 491px) {
.eael-advance-tabs .eael-tabs-nav > ul li {
	width: 100% !important;
}
}

    And this will look like this: https://d.pr/v/VPRc3A

    If you are looking for the exact format you have shown, you can use accordion for mobile and hide the tabs for mobile devices.

    Hope you understand.
    Thank you.

Viewing 1 replies (of 1 total)

The topic ‘Advanced Tabs – Equal Width’ is closed to new replies.