Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 26, 2019 at 5:45 am #1130856
    Jet007cv92

    Hello,

    On the “Artist page” when you view it on a tablet (ipad) it cuts off half of the images on either side. But on the phone i was able to select an option to say only show the left image. How do i do the same when viewing on an ipad? or have the page responsive (ratio shrink) to the width when using ipad? Also same for the first image on the main page (pic with 7 products layed out in a row)

    Thanks again for your time!
    Sean F

    August 28, 2019 at 2:08 pm #1131600
    Ismael

    Hey Jet007cv92,

    Thank you for using Enfold.

    Can you give us a screenshot of the issue? The image looks fine on our end.

    Screenshot: https://imgur.com/a/eO1oyUV

    Best regards,
    Ismael

    August 30, 2019 at 5:20 am #1132158
    Jet007cv92

    Hi Ismael,
    Here is an screen shot from an ipad (6th gen) in landscape view, portrait view is worse.
    Below in the private section is the Dropbox folder i have upload the two photos to.

    Kind Regards
    Sean F

    September 2, 2019 at 4:56 am #1132796
    Ismael

    Hi,

    Thanks for the update.

    You can set the “Fullwidth Break Point” of the grid row to “Tablets” instead of “Mobile”, and you can also hide a particular cell on mobile view when necessary. Have you tried that?

    For the color section, try to set the “Backgrounnd Position” from “Top Center” to “Center center. You can also set the “Background Repeat” or background size from “Stretch to fit (cover)” to “Scale to fit”.

    Best regards,
    Ismael

    September 2, 2019 at 7:41 am #1132851
    Jet007cv92

    Hi,
    Lets just focus on the “Artist page” first. I have already selected hide on mobile devices but the issue is when viewed on a Ipad tablet it cuts off the images on both sides, there is no option to hide the 2nd image on a tablet as it does on a mobile? how do i fix this?

    Sean F

    September 3, 2019 at 2:47 am #1133152
    Ismael

    Hi,

    Thank you for the update.

    there is no option to hide the 2nd image on a tablet as it does on a mobile?

    Yes, you’re correct. Use this css code to adjust the media condition so that the selected cells are hidden on tablet view.

    @media only screen and (max-width: 1024px) {
.responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet {
    display: none !important;
}
}

    Best regards,
    Ismael

    September 5, 2019 at 6:38 am #1134213
    Jet007cv92

    Hi Ismael,
    I copied and pasted the code above into the Quick CSS area under the ENFOLD / GENERAL STYLING tab, is this the correct area? Cause it made no changes.

    Sean

    September 6, 2019 at 6:42 am #1134745
    Rikard

    Hi Sean,

    I see that you have file compression active, did you select to delete the old CSS and JS files under Enfold->Performance before checking the results? Also make sure that you have cleared your local browser cache.

    Best regards,
    Rikard

    September 18, 2019 at 6:07 am #1139331
    Jet007cv92

    Hi Rikard,

    Sorry for late reply, i was on leave for the last week. Under ENFOLD – PERFORMANCE and at the bottom is gives an option to delete old CSS and JS files. It has a warning tho saying “Only recommended if you are NOT using a cashing plugin (since a cashed page might still use those files)”

    Question 1: Will it be safe to delete old CSS and JS files since i am using a cashing plugin called (Autoptimize)?
    Question 2: Also please confirm that the above code provided from Ismael is to be inputted into ENFOLD – GENERAL STYLING – QUICK CSS box

    Kind Regards

    Sean

    September 19, 2019 at 9:31 am #1139820
    Ismael

    Hi,

    Thank you for the update.

    Yes, you can remove the old css files. They will be regenerated when necessary. The css code can be added in the Quick CSS field or the child theme’s style.css file.

    Best regards,
    Ismael

    September 26, 2019 at 4:10 am #1142102
    Jet007cv92

    Hi Ismael / Rikard,

    Thanks for that recommendation with the cashe clear and removing old css files, IT ALL WORKS NOW :)
    Thank you so much for your help with this matter!

    Sean

    September 26, 2019 at 4:04 pm #1142331
    Victoria

    Hi Jet007cv92,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.