• Resolved price.yvonne.86

    (@priceyvonne86)


    Greetings,

    First of all, thank you for this great plugin! I’m using it and I really enjoy how easy it is to use and its good looks.

    I have a question. I’m going to buy the Tabs Customizer, and before proceeding, I’d like to ask you if it is possible to customize tabs to be vertical. What I’m trying to achieve is similar to what this page has: https://www.jetbrains.com/idea/features/database_tools.html (please click on the “Alter-statements-aware completion” link, under the “Code Completion” section, to see how this page behaves,) which I think it is pretty close to having vertical tabs.

    Many thanks in advance.

    https://wordpress.org/plugins/tabby-responsive-tabs/

Viewing 1 replies (of 1 total)
  • Plugin Author cubecolour

    (@numeeja)

    This kind of display isn’t directly supported by Tabby Responsive Tabs and it is also outside of the scope for the the customiser add-on.

    I don’t have a tested set of CSS rules I can recommend to achive this, however you may have some success if you take some clues from what a forum member has done in the site listed on this resolved topic: https://wordpress.org/support/topic/stop-panel-from-moving-down
    Please note that I can’t support the CSS used on the tabs on that page as I didn’t create it.

    I think something similar to the tabs on the page you linked to will be possible using the optional link to tab add-on (see the plugin page for a link to more details of this). You would create the tab group in one div and and a list of links in another div and use CSS to float them side by side.

    Check the demo of the link to tab add-on for more details and to get an idea of whether it might work for you. It does have the additional functionality of scrolling to the selected tab after the link is clicked which may or may not be what you want.

    In addition to setting up external links using the add-on, to get something looking more like your example you would have to also hide the default tabs using some additional CSS in a child theme or via a custom styles plugin – eg:

    .responsive-tabs__list {
    	display: none;
    }
Viewing 1 replies (of 1 total)

The topic ‘Vertical tabs’ is closed to new replies.