Top Contact Info split into 3 lines

The top contact information field, after we centered it and shrunk it to fit properly now displays in three lines, “Address” and “Nationwide” have results that are split. How can we keep this on two lines?

Visit: bahaisofphoenix.org

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.menuStyle4 .contact-area .contact-block {
    padding-left: 18px;
    padding-right: 18px;
}

Kind Regards, Roman.
aThemes Support

Following adding this code, the center address which I titled “By Appointment:” is now showing indented on small mobile screens like the iPhone. Please advise. Thanks.

Hello, try to use this CSS code instead of the previous:

@media (min-width: 1200px) {
    .menuStyle4 .contact-area .contact-block {
        padding-left: 18px;
        padding-right: 18px;
    }
}

Kind Regards, Roman.
aThemes Support

Thank you! This seems to have worked perfectly!

Great, you are welcome!

Kind Regards, Roman.
aThemes Support