I have a logo text wrapper that works on desktop, but not mobile. Can someone help?

}
.header__heading-logo-wrapper {
display: inline-flex !important;
align-items: center;
}
.header__heading-logo-wrapper::before {
content:“Brewed with Harmony, Steeped in Tradition”;
}
.header__heading-logo-wrapper::after {
content:“Your Daily Dose of Country Music in Every Sip!”;
}
.header__heading-logo-wrapper::before,
.header__heading-logo-wrapper::after { font-size: 13px; font-weight: 700; font-family: Soho !important; margin-right: 2rem;margin-left: 2rem;
@media screen and (max-width: 749px){
.banner–mobile-bottom:not(.banner–stacked) .banner__content {
position: absolute !important;
bottom: 0px;
left: 0px;
}
.banner–mobile-bottom .slideshow__text.banner__box {
background: transparent !important;
}
}

Hello @NashBrew ,

It would be great if you share your website URL here.

Thanks,

Ritu

Sorry, should have done that already…

www.nashbrew.com

Sorry, should have done that already…

www.nashbrew.com

Resolved