Site Title

Description

The Site Title is part of the header and is where you place your logo or site branding. This can be in the form of text or an image.

7.1
7.0 Brine Template

Custom CSS

For style changes across multiple pages, add the code snippet to your Custom CSS panel and each page will be updated.

Advanced Code Injection

For style changes on one page, add the code snippet to the page Advanced Code Injection so only that page will be updated. Enclose your code in style brackets like this:

<style>

.header-nav {
}

</style>

Custom CSS

7.1

To target the site title image

/* site title image */
.header-title-logo {
}

To target the site title text

/* site title text */
.header-title-text a {
}

To add a tagline to your 7.1 site title image

/* tagline image */
.header-title-logo a:after {
 content: "tagline here";
}

To add a tagline to your 7.1 site title text

/* tagline text */
a#site-title:after {
    content: "tagline here";
}

7.1 Mobile

To target the mobile site title image

/* mobile site title image */
.header-title-logo {
}

To target the mobile site title text

/* mobile site title text */
.header-title {
}

7.0 Brine Template

To target the site title image

/* site title image */
.has-logo-image .Header-branding {
}

To target the site title text

/* site title text */
.has-site-image .Header-branding {
}

To target the header tagline

/* header tagline */
.Header-tagline {
}

7.0 Mobile

To target the mobile logo image

/* mobile logo image */
.has-logo-image .Mobile-bar-branding {
}

To target the mobile logo text

/* mobile logo text */
.has-site-image .Mobile-bar-branding {
}