How to make the product tabs menu sticky?

Hello @Nicolo
Please, try adding next custom CSS snippet in your Theme Options -> Theme Custom CSS -> Global CSS:

.single-product .template-container {
    overflow: visible;
}

.single-product .tabs.wc-tabs {
    position: sticky;
    top: 0;
    background: #fff;
    width: 100%;
    z-index: 3;
    transition: all .3s;
}

body.single-product:has(.site-header.sticky-on) .tabs.wc-tabs {
    top: 74px;
}

@media only screen and (max-width: 992px) {
body.single-product:has(.site-header.sticky-on) .tabs.wc-tabs {
    top: 60px;
}
}

Kind regards, Jack Richardson
The 8theme’s team

Hello @Nicolo,

Thank you for reaching out to us.

The request you submitted involves a more advanced level of customization, which goes beyond the scope of basic CSS adjustments. As a courtesy, we have prepared a preliminary solution for you, which you can view here: https://prnt.sc/uQhKnDSNi6hT.

Please note, however, that this type of customization is not covered under our standard support policy. If you require further enhancements tailored to your website, we kindly recommend submitting a customization request through your account at the following link: https://www.8theme.com/account.

We appreciate your understanding and your respect for our support guidelines.

Best regards,
The 8Theme Team

Hello @Nicolo
https://gyazo.com/6b8aa05b4cad158b18d5edb26a60319a
Kind regards, Jack Richardson
The 8theme’s team