How to center line on mobile

[RevealHM]

Hello. How can I center this line on mobile? I have the flex box centered horizontally and vertically, and the alignment is also centered. This is located on the global block “HI 3 up”

[tristup]

Hi Ashley,

Thanks for reaching out.
I have checked your website on my Android mobile device and found the line in the middle of the screen.

If you are still facing the issue, please mention the device, browser name and version, and also the operating system you are using, that helps us to replicate the issue at our end.

Thanks

[RevealHM]

Hi! I am using an iPhone 13 on safari.

[ruenel]

Hello Ashley,

I have inspected your Global Block and I found this:

You have inserted the ROW element inside the Column that never collapse which means that with the current structure, the line will be be at the centered. Your Desktop section should be hidden on extra small and small screens because iPhone 13s has a bigger screens. So, your breakpoint settings should be like this:

Please see the secure note for the link.

Hope this makes sense.

[RevealHM]

Got it, thank you!

[prakash_s]

Hello Ashley,

Glad that we were able to help you. Please feel free to open a new thread if you have any more concerns.

Thanks