Adding Logo Tagline so that it appears on all screens

Site URL: http://tellicolake.com

I have added a logo tagline to my site but I need it to always appear. I'm using Maple Inn template. Is there a custom CSS code to make it appear? I tried the following below but nothing changed.

/* Add tagline */
h1.logo.logo-text a:after {
    content: "Tagline";
    display: block;
    font-size: 1.5rem;
}

Actually i figured it out in DESIGN > STYLES > Tagline Position (select a position rather than "hide") however it does not show up in mobile view. Does anyone know how to make the tagline show up on a phone?

Add to Design > Custom CSS

a.Mobile-bar-branding:after {
    content: "Tagline";
    display: block;
    font-size: 1.5rem;
}

THANK YOU!!!! Perfect! 

It said "tagline" rather than the tagline, but I edited it to:

a.Mobile-bar-branding:after {
    content: "River Rock Real Estate Group, Inc 865.635.9706";
    display: block;
    font-size: 1.0rem;
}