How to center a classic slider within a single column row

Hello Team,

I am trying to center an X Theme classic slider element within a single column row. So far, I have been able to center it for almost all screen sizes by using margin: auto; but for some reason the slider is still not centered on mobile. I tried to adjust it on mobile by using margin-left: 100px; but this makes the slider within the row shrink, which I do not want to have happen. Can you please tell me how I can get it to be centered on all screen sizes? Thanks!

I am trying to accomplish this in Section 4, Classic Row 3 of a page called Homepage Video New. This page is a draft, so if you need to get into it, you’ll need to log in to the dashboard. I will include those credentials in a private note after I post this.

Never mind! I figured it out. I had set the row to have text aligned center, but I needed to set the column to text aligned center. That did the trick. Sometimes the simplest things get missed!

Glad to know!

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.