Return to previous page

Tabs on mobile - by gewoonbovenaan - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 4 years, 11 months ago ago by Rose Tyler

  • Avatar: gewoonbovenaan
    gewoonbovenaan
    Participant
    June 22, 2020 at 20:08

    Somehow the tabs on mobile starts with the first tab https://gyazo.com/fc0e8b61aa9506f87a592539a23814c6 – https://gyazo.com/983edf02cb535ec7f08299e795ff9daf and the rest of the tabs under the page. Is it possible to make this the first thing on the page?

    Please, contact administrator
    for this information.
    #241719 Copied Theme version: 6.3.5
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 23, 2020 at 14:54

    Hello,

    By default, there is no such possibility.
    Submit the request here https://www.8theme.com/taskboard/ Our team will discuss it and maybe implement it in one of the next theme updates.

    Regards

    #241837 Copied
    Avatar: gewoonbovenaan
    gewoonbovenaan
    Participant
    June 24, 2020 at 10:04

    Is there another way for mobile to let people choose between the categorys (now the tabs are the categories) or button or something else? Now people on mobile are leaving the shop. i asked the taskboard but for the short term i need a solution. thanks!

    #241945 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 25, 2020 at 08:53

    Try to use our Tabs element http://prntscr.com/t63i68 and the next custom CSS code – 

    @media only screen and (max-width: 992px) {
    .tab-contents {
        display: flex;
        flex-wrap: wrap;
    }
    .et-tabs-wrapper .tabs .accordion-title {
        order: -1;
    }
}

    > https://gyazo.com/484e07688808752f2b46f8baea378844

    Regards

    #242072 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
School – WordPress Theme
lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 01 – WordPress WooCommerce Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Engineer Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Business – WordPress WooCommerce Theme
lazy-placeholder
Drinks Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.