To move blog categories to top of blog page, similar category navigation on Shop Page, you can follow these.
#1. First, use this code to Code Injection Footer
If you want the code run on specific blog page only, add code to Blog Page Header Injection.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('<ul class="tp-ul"><li><a href="/blog/category/Website+Before+and+Afters">Web Before and Afters</a></li><li><a href="/blog/category/Website+Design+Tips">Web Design & Tips</a></li></ul>').insertBefore('div[class*="blog-"].collection-content-wrapper');
});
</script>
#2. Use this code to Custom CSS box
ul.tp-ul {
list-style: none;
padding-left: 0;
display: flex;
align-items: center;
justify-content: center;
}
ul.tp-ul li {
margin-right: 1vw;
margin-left: 1vw;
background-color: gray;
color: white;
padding: 10px;
}
#3. Result
#4. You can change text/URL here
