Skip to content

Documentation

Extensive Documentation for PowerPack & WooPack to help you with common questions and issues.

PowerPack

  1. Home
  2. Docs
  3. PowerPack
  4. Modules
  5. Advanced Tabs
  6. How to Disable Vertical Accordion Layout in Advanced Tabs on Mobile Devices?

How to Disable Vertical Accordion Layout in Advanced Tabs on Mobile Devices?

If you want to display the tabbed layout on mobile devices instead of accordion layout copy/paste the following CSS code to the site.

// Disable Advanced Tabs Vertical Layout

@media (max-width: 768px){
 .pp-tabs-labels{
     display: flex !important;
    }
  .pp-tabs-panel .pp-tabs-label{
      display: none;
    }
}

Facing any issues then please contact us.

Was this article helpful to you? Yes 1 No
×