Home › Forums › WoodMart support forum › XTemos block “Information box carousel” issues in Safari/iOS

XTemos block “Information box carousel” issues in Safari/iOS

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 4, 2023 at 7:04 am #501346

    noixlab.com
    Participant

    Dear support, I use the XTemos “Information box carousel” block on the homepage. The issue is the images from this block are not diplayed on Apple devices (iOS, both Chrome and Safari browsers) and Safari browser on MacOS. I tried different settings and cache but nothing. Please help. Thank you in advance!

    Attachments:
    You must be logged in to view attached files.
    October 4, 2023 at 10:54 am #501438

    Luke Nielsen
    Keymaster

    Hello,

    Please, disable all plugins that are not related to our theme and provide us with your admin access. We will log in and check what is wrong there. You can leave only the following plugins that are required for our theme:
    WoodMart core
    WooCommerce
    Elementor/WPBakery page builder

    Thank you in advance

    Kind Regards

    October 5, 2023 at 8:42 am #501716

    noixlab.com
    Participant

    Hello Luke, thank you for helping with my issue. I checked the plugins and it looks like I don’t use any third-party visual plugins. Could you please check this in my admin panel?

    Besides not displaying on iOS/MacOS, I noticed that the bullet points for this carousel have broken margin style on adaptive devices — the top margin increases from desktop to mobile. I couldn’t fix this with any custom CSS settings that I tried to apply.

    Attachments:
    You must be logged in to view attached files.
    October 5, 2023 at 11:30 am #501790

    Luke Nielsen
    Keymaster

    Hello,

    1. Use the below code for help, define it in Theme Settings -> Custom CSS.

    .wd-info-box .box-with-icon .info-box-icon {
	overflow: visible;
}

    2. Pagination is below the carousel and the height of the carousel depends on the highest item in the carousel (the last item has a lot of content).

    https://gyazo.com/8caf5838c9d101512019b05029570a27

    So that there is no indentation from the content of the carousel item to the pagination of the carousel, the height of all items should be approximately the same.

    Kind Regards

    October 5, 2023 at 9:26 pm #502038

    noixlab.com
    Participant

    Luke,

    1. Use the below code for help, define it in Theme Settings -> Custom CSS.

    That worked just perfectly, thank you!

    2. Pagination

    Got it, thanks. I adjusted the element with the maximum content and the height changed.

    October 6, 2023 at 10:27 am #502144

    Luke Nielsen
    Keymaster

    Hello,

    Glad the the issues are resolved.

    Please let us know if there are any further questions or concerns you may have.

    We are always happy to assist. Have a good day!

    Kind Regards

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘XTemos block “Information box carousel” issues in Safari/iOS’ is closed to new replies.