Problems Dot Carousel slider on mobile and tablet ?

“How do I fix the display problems with the dot carousel slider on mobile and tablet screens, as shown in the image? at https://kruajeng.com/locations-of-kruajeng

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content under the message area field so that we can check this concern on your Site and help you out accordingly.

Best Regards,

Hello, Aizaz Imtiaz Awan
I have sent the login information ..

Hello,

Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then Activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

Otherwise, if the issue still exists then keep the 3rd party plugins deactivated and let me know so I will check and give you a possible solution.

Best Regards,

I’ve tried deactivating various plugins, but the issue persists. I’d like you to take a look at the problem with this abnormal class class wd-nav-pagin-wrap text-center wd-style-shape wd-hide-lg

I want to Center this image https://kruajeng.com/wp-content/uploads/2025/02/Kruajeng-Grocery-store.webp on mobile screens only.
How do I do that?

I’ve already resolved the previous issue with the help of my friends.

Hello,

I’m glad to hear you resolved your previous issue!

The issue is occurring because some padding has been added to the block. I recommend checking the padding settings in the Gutenberg Editor and adjusting them specifically for mobile devices: https://ibb.co/4Z0nHqZ7

If the issue remains, share the wp-login details so I can check and give you a possible solution.

Best Regards,

Hello , Aizaz Imtiaz Awan
Log in ..

Thanks

Hello,

Navigate to Pages > Edit the page > Edit the image block and in the advanced tab and set the padding for mobile.

See the Screenshot for a better understanding: https://ibb.co/GfXQxVLP

Best Regards,

I’ve tried setting the padding as suggested, but when I view it on my mobile phone
The image is still on the left just like before you suggested it.
I had already tried this method myself.
So, could you please help with any CSS that affects the image or its formatting?

Thank you

Hello,

Your issue has been resolved. I have adjusted the padding on your site and the image is showing in the center.
See Screenshot for clarification: https://ibb.co/kgdscGHV

Check back on your site and check the issue.

Best Regards,

I’m so disappointed with the support I received. I had to ask someone who actually knows CSS to fix my image formatting issues, and they did it in minutes. I finally understand mobile image styling, thanks to someone else, Not Xtemos theme!

.wp-block-wd-infobox {
position: relative;
border-radius: var(–wd-brd-radius);
display: flex;
gap: var(–wd-row-gap);
–wd-row-gap: 15px;
flex-direction: column !important;
flex-wrap: wrap;
justify-content: center;
margin-top: 180px;
padding-left: 10px;
align-items: center !important;
}

.wp-block-wd-icon :is(img,svg,.wd-svg-icon) {
border-radius: 12px;
}

Attachments:

You must be logged in to view attached files.

Hello,

I’m sorry to hear that you had a frustrating experience with the support. We always strive to provide the best assistance possible.

Let me know if this helps, or if there’s anything else I can assist you with! Your feedback is valuable, and we want to improve your experience.

Best Regards,

I’ve made all the corrections.

Hello,

Sounds great! Glad to hear you’ve made all the corrections.
You can always reach us anytime—we’re here to help.

Thanks for contacting us. Have a great day!

Topic Closed.
Best Regards,

[Author]

Posts