Home Forums WoodMart support forum mobile version of front page

mobile version of front page

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #627150

    Pipeworkpieces
    Participant

    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.
    #627278

    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

    #627342

    Pipeworkpieces
    Participant

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

    #627489

    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

    #628604

    Pipeworkpieces
    Participant

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

    #628769

    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

    #628855

    Pipeworkpieces
    Participant

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

    #628968

    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.

    #628993

    Pipeworkpieces
    Participant

    did not work as you can see in this image.

    Attachments:
    You must be logged in to view attached files.
    #628995

    Pipeworkpieces
    Participant

    sent you a new admin login link

    #629064

    Pipeworkpieces
    Participant

    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.

    #629077

    Pipeworkpieces
    Participant

    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.
    #629315

    Hello,

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

    Best Regards

    #629346

    Pipeworkpieces
    Participant

    Hello yes in woodmart custom CSS in mobile section

    #629539

    Hello,

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

    Best Regards

    #629657

    Pipeworkpieces
    Participant

    no not really as now no image shows at all.

    Attachments:
    You must be logged in to view attached files.
    #629805

    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

Viewing 17 posts - 1 through 17 (of 17 total)