Suppose you want to add some additional text under Navigation, like this:
You can use this code to Website > Website Tools > Custom CSS
nav>div.header-nav-item>a:after, div.header-menu-nav-wrapper>div a:after {
display: block;
text-align: center;
font-size: 12px;
}
nav>div.header-nav-item>a {
text-align: center;
}
/* align text on mobile */
div.header-menu-nav-wrapper>div a:after {
text-align: left;
}
nav>div.header-nav-item:nth-child(1)>a:after, div.header-menu-nav-wrapper>div:nth-child(1) a:after {
content: "Asia";
}
nav>div.header-nav-item:nth-child(2)>a:after, div.header-menu-nav-wrapper>div:nth-child(2) a:after {
content: "Content + SEO";
}
nav>div.header-nav-item:nth-child(3)>a:after, div.header-menu-nav-wrapper>div:nth-child(3) a:after {
content: "Buy Now";
}
nav>div.header-nav-item:nth-child(4)>a:after, div.header-menu-nav-wrapper>div:nth-child(4) a:after {
content: "Brand";
}
nav>div.header-nav-item:nth-child(5)>a:after, div.header-menu-nav-wrapper>div:nth-child(5) a:after {
content: "Us";
}
nav>div.header-nav-item:nth-child(6)>a:after, div.header-menu-nav-wrapper>div:nth-child(6) a:after {
content: "+1.234.5678";
}
Result
