Hi

Thanks for contacting us and sorry for your issue. Could you please give me a screenshot of that portion where you want to give some space?

-Regards.

Kind regards, Mehtaz, and thank you for responding.

It's the article module on the homepage called "Business World." Since it's a carousel, I currently have 16 articles to display.

When accessing from a desktop computer, there's no problem, but when accessing from a mobile device, the lines at the top appear stacked (I've highlighted them in red in the image).

https://drive.google.com/file/d/1m2XV2kijxps6Om-kU3LKnc3oIHHW6CBx/view?usp=sharing

Perhaps the space on mobile is too small for the 16-article carousel, and the lines to move from one article to another look incorrect. A CSS code would probably fix this, but I don't know how to apply it.

Thank you for your kind collaboration.

Hi

You can try this CSS in your custom.css file

.sppb-addon-articles-carousel .bx-pager.bx-default-pager{
   bottom: 10px !important;
}

Hello, and thank you for responding.

The code didn't work. When viewing the website from a mobile device, the lines appear stacked, just like the image I shared. I cleared the Joomla and browser cache, and it still looks the same as the photo.

I added the code to the CSS code area in the template options using this resource (custom CSS):

https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

But it doesn't work.

Could you please keep a full site backup and give me your super admin access? So that I can check.