bmceuen reacted to
Beyondspace in Navigation Bar Customization - Page title on two lines
You can try the following Css code
.header-nav-item:first-child {
width: 100%;
position: relative;
}
.header-nav-item:first-child a {
display: flex;
visibility: hidden;
width: 0;
position: static;
}
.header-nav-item:first-child a:before {
position: absolute;
right: 0;
content: 'Text A';
color: #294f6b;
visibility: visible !important;
width: 50%;
color: inherit;
font-size: inherit;
}
.header-nav-item:first-child a:after {
content: 'Personal Stylist';
color: #294f6b;
visibility: visible !important;
width: 50%;
position: absolute;
bottom: -33px;
right: 0;
color: inherit;
font-size: inherit;
}
.header-nav-item:last-child {
margin-right: 170px;
}