Mobile bar content alignment

What is the code I need to get all items in my topbar to be centered in mobile view? Currently my logo is centered but the phone number and other text is over to the right in mobile view.

Hi @ewk99,

Thanks for reaching out.
To make the topbar centered in the mobile view, you need to add the following custom CSS code into the Theme Options > CSS.

@media(max-width: 480px) 
    .custom-text span
        width: 100% !important;

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.