I’m not sure if this is a theme issue or not, but our Discoures pages are part of a bigger website. The website look and feel is changing and I am trying to figure out how to make our discourse pages match. I have been successful in using a Theme, except for the external links at the top of the page.
They should be horizontal, and instead, they are showing up vertically.
I took this code from the old theme and put it in the Header tab of the CSS/HTML editor:
<body class"staff navigation-categories categories-list" data-gr-c-s-loaded="true">
::before
<div id="top-navbar">
<div id="top-navbar-links">
<div id="xg_masthead">
<h1 id="xg_sitename" class="xj_site_name"><a id="application_name_header_link" href="http://community.uaccess.arizona.edu/"><img src="/uploads/default/original/1X/30cb387c966257871ec97c979d4759e784945fc7.png" alt="The UAccess Community Forums"></a></h1>
</div>
<ul id="top-external-nav">
<li class="top-ext--main">
<a class="top-ext--link top-discourse-link-main" href="http://community.uaccess.arizona.edu/">Home</a>
</li>
<li class="top-ext--main" id="top-discourse-link-forums">
<a class="top-ext--link top-discourse-link-main" href="/">Forums</a>
<ul class="top-ext--sub" id="top-discourse-sub-forums">
<li class="top-ext--sub-item">
<a class="top-ext--link" href="/c/announcements">Announcements</a>
</li>
<li class="top-ext--sub-item">
<a class="top-ext--link" href="/c/uaccess-analytics">Analytics</a>
</li>
<li class="top-ext--sub-item">
<a class="top-ext--link" href="/c/uaccess-budget">Budget</a>
</li>
<li class="top-ext--sub-item">
<a class="top-ext--link" href="/c/uaccess-employee">Employee</a>
</li>
<li class="top-ext--sub-item">
<a class="top-ext--link" href="/c/uaccess-financials">Financials</a>
</li>
<li class="top-ext--sub-item">
<a class="top-ext--link" href="/c/uaccess-learning">Learning</a>
</li>
<li class="top-ext--sub-item">
<a class="top-ext--link" href="/c/uaccess-research">Research</a>
</li>
<li class="top-ext--sub-item">
<a class="top-ext--link" href="/c/uaccess-student">Student</a>
</li>
</ul>
</li>
<li class="top-ext--main" id="top-discourse-link-events">
<a class="top-ext--link" href="http://community.uaccess.arizona.edu/events" target="blank">Events</a>
<ul class="top-ext--sub" id="top-discourse-sub-events">
<li class="top-ext--sub-item">
<a class="top-ext--link" href="http://community.uaccess.arizona.edu/uaccess-speaker-series">Speakers</a>
</li>
<li class="top-ext--sub-item">
<a class="top-ext--link" href="http://community.uaccess.arizona.edu/events/2016-uaccess-symposium">Symposium</a>
</li>
<li class="top-ext--sub-item">
<a class="top-ext--link" href="http://community.uaccess.arizona.edu/calendar">Calendar</a>
</li>
</ul>
</li>
<li class="top-ext--main" id="top-discourse-link-resources">
<a class="top-ext--link" href="http://community.uaccess.arizona.edu/resources">Resources</a>
<ul class="top-ext--sub" id="top-discourse-sub-resources">
<li class="top-ext--sub-item">
<a class="top-ext--link" href="http://community.uaccess.arizona.edu/business-office-resources">Business Office</a>
</li>
<li class="top-ext--sub-item">
<a class="top-ext--link" href="http://community.uaccess.arizona.edu/uaccess-analytics-resources">Analytics</a>
</li>
<li class="top-ext--sub-item">
<a class="top-ext--link" href="http://community.uaccess.arizona.edu/uaccess-budget-resources">Budget</a>
</li>
<li class="top-ext--sub-item">
<a class="top-ext--link" href="http://community.uaccess.arizona.edu/uaccess-employee-resources">Employee</a>
</li>
<li class="top-ext--sub-item">
<a class="top-ext--link" href="http://community.uaccess.arizona.edu/uaccess-financials-resources">Financials</a>
</li>
<li class="top-ext--sub-item">
<a class="top-ext--link" href="http://community.uaccess.arizona.edu/uaccess-learning-resources-0">Learning</a>
</li>
<li class="top-ext--sub-item">
<a class="top-ext--link" href="http://community.uaccess.arizona.edu/uaccess-student-resources">Student</a>
</li>
</ul>
</li>
<li class="top-ext--main">
<a class="top-ext--link" href="http://community.uaccess.arizona.edu/help/questions">FAQs</a>
</li>
<li class="top-ext--main">
<a class="top-ext--link" href="http://community.uaccess.arizona.edu/contact-us">Contact Us</a>
</li>
</ul>
</div>
</div>