I’m using the following code in Custom CSS which work fine to hide the related content, “Need Help? Contact Us” and “Leave Feedback”, on the Product Pages:
#product-accordion .summary ,.product_meta .leave-feedback ,.product_meta .need-help {
display: none;
}
Well, it works when the site is displayed on a screen with a resolution higher than 767 pixels.(width, portrait mode)
If the site is display on a mobile device with a display under 768 pixels (width), both “Need Help? Contact Us” and “Leave Feedback” are appearing on the site.
You can also test this with the Firefox browser, using the “Display Responsive Design” under the Web developper tab.
Since 2/3 of our site visitors are using mobile devices, this is something that we like to be fixed.
We choose to hide the “Need Help? Contact Us” tab in particular, since this is not linked correctly to our Contact Form 7 form, although it is configured correctly in the settings (the link to the form is working fine on the checkout page with the “Email Customer Care” tab)
Kind regards, Maurice.
Attachments:
You must be
logged in to view attached files.
.