How can I display product tabs on one line in mobile view using Empire theme?

Store Design
1

I am trying to display the product tabs the same on desktop as on mobile.

Currently my product tabs in desktop view look like this:

Screenshot 2022-10-27 at 13.23.29.png
Screenshot 2022-10-27 at 13.23.29.png768×138 18.2 KB

On mobile view they look like this:

Screenshot 2022-10-27 at 13.21.12.png
Screenshot 2022-10-27 at 13.21.12.png744×398 17 KB

The theme file is theme.css.liquid and there is the current code:

/* Tabs */
.pxu-tabs {
display: flex;
flex-wrap: wrap;
margin: 1rem 0;
}

@media screen and (max-width: 719px) {
.pxu-tabs.pxu-tabs–bottom-true {
padding-right: 10px;
padding-left: 10px;
}
}

How do i ensure the that tabs in mobile view are shown on 1 line rather than multiple? (Im using Empire theme)

2

Yes, could you be of any help?

3

I mentioned it above

4

Im sorry but you seem like a beginner. Is someone else able to answer my question above?

5

Thank you for your question.
Please share your store URL, page URL and also password (if your store has one) so we can help you.

6

I have sent a message to your email.

Please check it so we can further discuss.

Thank you