Return to previous page

Hiding by default HTML Block on a mobile

This topic has 8 replies, 2 voices, and was last updated 9 months ago ago by Rose Tyler

Stephen Bruce Casey

Participant

August 18, 2023 at 11:41

I am seeking to hide a HTML block on Mobile only can this be done? I have a product table that i want to hide on mobile phones.

#364898 Copied Theme version: .9.1.13 WooCommerce version: Lasest

7 Answers

Rose Tyler

Support staff

August 18, 2023 at 12:21

Hello,

Thank you for contacting us and for using XStore.

Please provide URL of the page with this table, we will give you custom CSS code to add in Theme Options > Theme custom CSS > Mobile area.

Kind Regards,
8theme team

#364904 Copied

Stephen Bruce Casey

Participant

August 18, 2023 at 12:22

Hi Rose,

This page is behind a coming soon plugin do you want me to reply with a login to the background then you will be able to see this?

#364905 Copied

Stephen Bruce Casey

Participant

August 18, 2023 at 12:26

Rose please see credentials to login

Please contact administrator
for this information.

#364909 Copied

Stephen Bruce Casey

Participant

August 18, 2023 at 12:27

I am using a custom block on the product pages to show this table for variations only but need this hidden on mobile

#364910 Copied
Rose Tyler

Support staff

August 18, 2023 at 13:03
Hello,

We appreciate your prompt responses.

Please try to use the next code:
```
.single_product-html_block1 {
    display: none !important;
}
```
Kind Regards,
8theme team
#364916 Copied
Stephen Bruce Casey

Participant

August 18, 2023 at 14:36

Thanks that’s perfect and working 🙂

#364935 Copied

Rose Tyler

Support staff

August 18, 2023 at 15:09

Hello,

You’re welcome!

Kind Regards,
8theme team

#364940 Copied
Tagged: customize woocommerce, html block hiding, mobile friendly wordpress, optimized woocommerce themes, responsive wordpress themes, woocommerce themes
Viewing 8 results - 1 through 8 (of 8 total)