It works, since that container shows up on mobile, but if I need to go back to it to make a change, it’s nowhere to be found. If I try to find it on the preview screen for mobile, the entire container doesn’t even show up, even though it shows up on the live page.

Can you please help?

add_action('woocommerce_after_single_product_summary', add_content_on_woocommerce_after_single_product_summary',1);

function add_content_on_woocommerce_after_single_product_summary() {
    
      echo "<img src='https://mywebsite/wp-content/uploads/2022/02/blocks.png' >" ;
}

I only want this image to display on mobile and not desktop. Is there any code I can add to this in my functions.php file to achieve this?

I’ve chosen display conditions, responsive visibility hide on mobile. But it is still visible my phones.

is there anything that might conflict with this option or additional CSS I can add to make it work?

I need to hide the “contact” button on mobile. So I used the toggle under Advanced/Responsive to hide it. However it does not work.

I have cleared cache, disabled plugins, installed a different theme and gone back to the Hello theme all in vain. Help?

Result:
Slider hide on tablet and mobile width.

if i remove hide-on-tablet and hide-on-mobile in chrome dev all immersive functions of slider perfect work.

Please tell me how to fix it with custom css / or another tricks.

For mobile the theme has a separate widget for both search and cart.

We only want the themes mobile cart to show on mobile, so I used the option to not show the desktop cart on mobile. This works as expected on the homepage/shop page. But when you go (on mobile) to a product page the widget still shows (thus having 2 cart widgets in the header).

Kind regards,
Edwin

Just wanted to say first that I love the theme, so far the easiest to modify that I have come across so far.

I have been able to make changes for most of the things that I wanted to change by searching your support forum and have found it very helpful so far. The hide-on-mobile custom class though is not working for me correctly, its working but not correctly.

Basically, I have in my header-widget the phone #, email address and a button but when viewing on a mobile device it takes up too much room. So I have added the hide-on-mobile to the phone # and email address leaving the button alone, but it hides it on mobile devices and for tablets, which I would like it to only hide it for mobile. I tried hide-on-tablet but it does nothing. Just wondering if you have changed the class or if you have merged the 2 together, or maybe I’m doing it wrong. Also, how would I center the said button in the header widget on just mobile devices after hiding the phone # and email address?

Any help would be greatly appreciated.

I have another question about the spacing in the header for tablet devices as well but wasn’t sure if I can ask it in this request or should post another? Please let me know how you would like me to proceed with my second question.

Regards,
Percy

I’m looking for a way to hide this on mobile, as it takes up half of the screen. I can do it in the CSS, but I’m hoping for a way to disable inside of the plugin, itself.

Thanks!

I’m hoping to get some help and I can’t find a solution so far. I want to show a “Video not available on mobile devices” or just hide the video player. I’ve embedded a youtube video and it’s 360 degree (virtual reality) video however at this point, only youtube app and computer browsers can support it. I’ve seen it here on this site: https://haptic.al/10-most-popular-360-degree-videos-on-facebook-3b6feefa749b#.rvsrw4x8h (load the site on mobile browser to see the “360 is unavailable…” alert). Not sure how it’s done…any ideas?

Thanks!
E