Hi there,

To decrease the padding between the menu links please add the following CSS code to Appearance -> Customize -> Additional CSS:

@media (min-width: 992px) {
    .main-navigation > li.menu-item-has-children::after {
        position: relative;
    }
    .main-navigation > li > a {
        padding-left: 6px;
        padding-right: 6px;
    }
}
@media (min-width: 1200px) {
    .main-navigation > li > a {
        padding-left: 14px;
        padding-right: 14px;
    }
}

You can decrease both 6px and 14px values to your own needs.

To keep the logo centered above the navigation please add the following to the Additional CSS panel:

@media (min-width: 992px) {
    .header .header-wrapper .header-logo {
        display: flex;
        justify-content: center;
        float: none;
        height: auto;
    }
}

Hope this helps.

You're welcome!

To make the site description text on one line you need to make the left topbar column full width, by using the following custom CSS:

@media (min-width: 992px) {
    .header-topbar .col-md-4 { width: 100%; }
}

To increase the site description font size please add the following:

.header .header-topbar .header-description { font-size: 14px; }

Hi there,

Sure, you can add the following snippet to Appearance -> Customize -> Additional CSS:

@media (min-width: 1200px) {
    .main-navigation > li.menu-item-has-children a {
        padding-right: 8px;
    }
}

The 8px value can be changed to your own needs.

Hope this helps.

Hi there,

This depends on what kind of integration/embed the developer of this scheduling application provides. In most cases it will be by using an HTML iframe that you can add to a "Custom HTML" widget to the theme.

Can you show me the code they provided you need to add to your website and the name of this scheduling widget?

Thank you.

You can add this code to your website by adding a "Custom HTML" widget to the page builder and copy/paste the entire code to this widget.