Home › Forums › WoodMart support forum › mobile version of front page
mobile version of front page
- This topic has 16 replies, 2 voices, and was last updated 3 weeks ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
January 3, 2025 at 4:36 pm #627150
PipeworkpiecesParticipantgood 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,
LewisAttachments:
You must be logged in to view attached files.January 4, 2025 at 10:08 am #627278
Aizaz Imtiaz AwanKeymasterHello,
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
January 4, 2025 at 3:41 pm #627342
PipeworkpiecesParticipanthello,
that wont work as it is all in one column.January 6, 2025 at 9:09 am #627489
Aizaz Imtiaz AwanKeymasterHello,
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
January 9, 2025 at 3:56 pm #628604
PipeworkpiecesParticipanthi I dont see the fix working as I still see the two images on mobile.
Can you check again please.January 10, 2025 at 1:34 pm #628769
Aizaz Imtiaz AwanKeymasterHello,
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
January 10, 2025 at 5:26 pm #628855
PipeworkpiecesParticipantboth image are within a text block so your instructions are not working for me.
January 11, 2025 at 4:35 pm #628968
Aizaz Imtiaz AwanKeymasterHello,
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.
January 11, 2025 at 7:13 pm #628993
PipeworkpiecesParticipantdid not work as you can see in this image.
Attachments:
You must be logged in to view attached files.January 11, 2025 at 7:15 pm #628995
PipeworkpiecesParticipantsent you a new admin login link
January 12, 2025 at 4:15 pm #629064
PipeworkpiecesParticipantnow 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.January 12, 2025 at 9:20 pm #629077
PipeworkpiecesParticipantgood 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.January 13, 2025 at 3:54 pm #629315
Aizaz Imtiaz AwanKeymasterHello,
Could you please specify where the custom CSS code has been added?
Best Regards
January 13, 2025 at 4:51 pm #629346
PipeworkpiecesParticipantHello yes in woodmart custom CSS in mobile section
January 14, 2025 at 11:24 am #629539
Aizaz Imtiaz AwanKeymasterHello,
Your issue has been resolved. Check back your site after completely clearing the browser cache and check the issue.
Best Regards
January 14, 2025 at 4:07 pm #629657
PipeworkpiecesParticipantno not really as now no image shows at all.
Attachments:
You must be logged in to view attached files.January 15, 2025 at 9:25 am #629805
Aizaz Imtiaz AwanKeymasterHello,
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
-
AuthorPosts
- You must be logged in to create new topics. Login / Register