Is there a way to add Navigation to the top bar?

Support
#1

I read somewhere that I won’t be able to use uber menu, but still I wish to add the menu to the top bar if you guys can help me!

#2

Hi there,

You can add a custom HTML list in the topbar to display the navigation then add some custom CSS to make it look like a navigation link.

For example, add this to the topbar content:

<ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    <li><a href="#">Link 4</a></li>
</ul>

Then add this t to the Global CSS:

.x-topbar ul {
  margin: 8px;
  list-style: none;  
  display: inline-block;
}

.x-topbar ul li {
	display: inline-block;
  font-size: 11px;
  padding: 0 5px;
  position: relative;
}

.x-topbar ul li:not(:last-child):after {
  content: '|';
  position: absolute;
  right: -3px;
  
}

Hope this helps you get started.

#3

Thank you! I ended up getting the PRO theme! <3

#4

You’re welcome. You have made the right decision with Pro.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.