Logo distorted on mobile devices

[David Martin – Support]

This certainly does it for me:

.single-product span.sku_wrapper {
    display: none!important;
}

[AgenceSurprise]

It works ! Thanks David !
Would you also have a css code to remove the additional information on mobile ?

Thank you for helping,

[David Martin – Support]

As in all the single product tabs tabs?

@media only screen and (max-width: 767px) {
.product-after-summary {
    display: none;
}
}

[AgenceSurprise]

No, not everything after the product, only the additional information tab, not the product description or the comment tabs (see attached)
this codes works but removes everything 🙂

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Ok, please use this:

@media only screen and (max-width: 767px) {
li.additional_information_tab {
    display: none!important;
}
}