mobile version of front page

good day is there a way to not show an image on the mobile version of my front page.
https://pipeworkpieces.com is perfect on tablet and desktop but is off and looks bad on any mobile device.
thanks in advance,
Lewis

Attachments:

You must be logged in to view attached files.

Hello,

To hide a single image on mobile, Navigate to Pages > Edit page with WP Bakery and you can configure the column that contains the image:

Open the column settings by clicking the pencil icon
Go to the Responsive Options tab
In the row for the phone device, check the box below Hide on device.
Save the changes and update.

Best Regards

hello,
that wont work as it is all in one column.

Hello,

Your issue has been resolved. I have added the custom CSS in the page settings of WP Bakery. Please check and let us know if there’s anything else you need assistance with.

Best Regards

hi I dont see the fix working as I still see the two images on mobile.
Can you check again please.

Hello,

Edit the Home Page with WP Bakery
Locate the image you want to customize.
Click the Edit icon on the image element.
Add a Custom Class:

In the Extra Class Name field under the “General” tab, add your custom class ( hide-on-mobile).
Save Changes:

Then add the custom css in the page settings of WP Bakery.

@media (min-width: 768px) {
 .hide-on-mobile { 
display: none; }
 }

But you can create the separate columns for images, you can configure the column that contains the image:

Open the column settings by clicking the pencil icon
Go to the Responsive Options tab
In the row for the phone device, check the box below Hide on device.
Save the changes and update.

Best Regards

both image are within a text block so your instructions are not working for me.

Hello,

Please try to use the below custom CSS code and delete the old given custom CSS code:

@media (max-width: 568px) {
img.alignright.wp-image-460895.size-full {
    display: none;
}

img.alignleft.wp-image-358947 {
    display: none;
}
}

Best Regards.

did not work as you can see in this image.

Attachments:

You must be logged in to view attached files.

sent you a new admin login link

now NO image shows on mobile version.
Not sure if you changed anything I only want the dog image to appear at the top of the mobile version of my site.

good day,
I adjusted the code so now I see only the image I want to see correctly on mobile. But it is working only on Safari mobile browser. When I check with google chrome I still see the two images.

Attachments:

You must be logged in to view attached files.

Hello,

Could you please specify where the custom CSS code has been added?

Best Regards

Hello yes in woodmart custom CSS in mobile section

Hello,

Your issue has been resolved. Check back your site after completely clearing the browser cache and check the issue.

Best Regards

no not really as now no image shows at all.

Attachments:

You must be logged in to view attached files.

Hello,

I provided you with a custom CSS code to remove the two images from the text block on mobile devices. However, if you want to display specific images on mobile, could you please share a screenshot of the images you’d like to show? This will help us adjust the code accordingly to meet your requirements.

Best Regards

[Author]

Posts