Hi there,
as you’re wanting to have a variable tag lines the simplest way would be to Hook that into the Mobile Header.
1. Create a new Hook Element
2. Add this for your tagline content:
<span class="mobile-tagline">Your tag line</span>
3. Select the generate_inside_mobile_header
hook
4. Set your Display Rules
5. Repeat the above for each different tagline and separate display rules.
Then add this CSS to your site:
.mobile-header-navigation .site-logo {
margin-right: 10px !important;
}
.mobile-header-navigation .inside-navigation {
justify-content: initial;
}
.mobile-tagline {
margin-right: auto;
}