[hwolfeParticipant]

Hey, guys! I managed to get a button in the topbar area by using this code in the Topbar Content:

<a class="x-btn x-btn-flat x-btn-rounded x-btn-mini" href="http://f47.5cc.myftpupload.com/new-patients/" target= "_blank" title="Click Here To Set An Appointment"><b>NEW PATIENTS</b></a>

However, I’d really like for the button to be on the far right of the topbar, the social icons in the middle, and the office/dr text to the left. How would I go about doing this?

Thank you!

f47.5cc.myftpupload.com

[hwolfeParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

Please try adding the following CSS under Customizer > Custom > Global CSS:

@media (min-width: 980px){
    .x-topbar .p-info .x-btn {
        position: absolute;
        right: 0;
        top: 3px;
    }

    .x-topbar .x-social-global {
        position: absolute;
        left: 50%;
        margin-left: -57px;
    }

    .x-topbar-inner.x-container.max.width {
        position: relative;
    }
}

Hope it helps 🙂

[hwolfeParticipant]

That is perfect! Thank you!!

[JadeModerator]

You’re most welcome.

[Author]

Posts