tabs displays like desktop in mobile mode

tabs displays like desktop in mobile mode

Hello,

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile section:

.wd-nav-tabs[class*="wd-style-underline"] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: stretch;
    flex-wrap: nowrap;
}

Best Regards.

Can the content box be displayed on the right side like the desktop?

Hello,

Unfortunately, it is not possible. HTML structure does not allow solving it by custom CSS to make it look like a desktop. Try to use elementor tab widget for mobile:
https://ibb.co/Wn3CLJ1

Best Regards.

I can achieve this using this code. . Please help me see if there is anything that needs to be modified in this code.

@media (max-width: 768px) {
.wd-tabs.tabs-design-aside {
–wd-header-sp: .001px;
display: grid;
grid-template-columns: var(–wd-side-width, 300px) 1fr;
gap: 20px;
}
}

Hello,

Your tabs page gives a 404 error. Can you please share the page url and share the wp logins details so i will further check on your site and give you a possible solution.

Best Regards.

I used a set of codes to achieve this effect. Please help me see what is wrong with my code. This is a temporary website and the content can be modified at will.

@media (max-width: 768px) {
.wd-tabs.tabs-design-aside {
–wd-header-sp: .001px;
display: grid;
grid-template-columns: var(–wd-side-width, 300px) 1fr;
gap: 20px;

}

.wd-nav-tabs {
flex-wrap: wrap;
white-space: nowrap;
justify-content: flex-start;
height: 300px;
}

.wd-tab-content-wrapper {
height: 300px;
overflow-y: scroll;
}

}

Hello,

This code is working on your site. You can use it and change the value as per your requirements.

Best Regards.

I don’t know much about CSS. Is there any part of the code I sent that needs to be optimized and modified to make it more stable?

Hello,

Now it is working fine. If you have any issues feel free to contact us.

Best Regards.

[Author]

Posts