<?xml version="1.0" encoding="UTF-8"?>
	<rss version="2.0"
		xmlns:content="http://purl.org/rss/1.0/modules/content/"
		xmlns:wfw="http://wellformedweb.org/CommentAPI/"
		xmlns:dc="http://purl.org/dc/elements/1.1/"
		xmlns:atom="http://www.w3.org/2005/Atom"

			>

	<channel>

		<title>How to put Ethos Navigation Links in TOP BAR &#8211; Themeco Community</title>
		<atom:link href="https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/feed/" rel="self" type="application/rss+xml" />
		<link>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/feed/</link>
		<description></description>
		<lastBuildDate>Tue, 18 Nov 2025 10:50:14 +0000</lastBuildDate>
		<generator>https://bbpress.org/?v=2.6.14</generator>
		<language>en-US</language>

		
														
					
				<item>
					<guid>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-233739</guid>
					<title><![CDATA[How to put Ethos Navigation Links in TOP BAR]]></title>
					<link>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-233739</link>
					<pubDate>Mon, 23 Mar 2015 22:55:03 +0000</pubDate>
					<dc:creator>Studio Church</dc:creator>

					<description>
						<![CDATA[
						<p>I need help please. I want to put my navigation link options in the TOP BAR (like <a href="http://theme.co/x/demo/ethos/1/" rel="nofollow">http://theme.co/x/demo/ethos/1/</a> ). </p>
<p>I made a couple of changes and now can not figure out how to do that again.</p>
<p>Any help would be appreciated.</p>
<p>Thanks</p>
<p><a href="http://studiochurch.org/" rel="nofollow">http://studiochurch.org/</a> </p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-233949</guid>
					<title><![CDATA[Reply To: How to put Ethos Navigation Links in TOP BAR]]></title>
					<link>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-233949</link>
					<pubDate>Tue, 24 Mar 2015 10:36:46 +0000</pubDate>
					<dc:creator>Paul R</dc:creator>

					<description>
						<![CDATA[
						<p>Hi,</p>
<p>Thanks for writing in!</p>
<p>The navigation in ethos 1 demo is the navbar itself and not the topbar which in your case you have change the background to blue.</p>
<p>To add your menu items in the topbar, you can add the code below as your topbar content under header in the customizer.</p>
<pre><code>
&lt;ul class=&quot;x-top-nav&quot;&gt;&lt;li&gt;&lt;a href=&quot;http://studiochurch.org&quot;&gt;&lt;span&gt;HOME&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://studiochurch.org/about/&quot;&gt;&lt;span&gt;ABOUT&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://studiochurch.org/vision/&quot;&gt;&lt;span&gt;VISION&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://studiochurch.org/contact/&quot;&gt;&lt;span&gt;CONTACT&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://studiochurch.org/donate/&quot;&gt;&lt;span&gt;DONATE&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>
<p>Then you can add this under <strong>Custom &gt; CSS</strong> in the <strong>Customizer</strong>.</p>
<pre><code>
.x-top-nav {
    float:right;
}

.x-top-nav li {
    list-style-type:none;
    display:inline-block;
    vertical-align:top;    
}

.x-top-nav li a {
   padding:0 10px;
    line-height:30px;
}

</code></pre>
<p>Hope that helps.</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-234135</guid>
					<title><![CDATA[Reply To: How to put Ethos Navigation Links in TOP BAR]]></title>
					<link>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-234135</link>
					<pubDate>Tue, 24 Mar 2015 15:15:40 +0000</pubDate>
					<dc:creator>Studio Church</dc:creator>

					<description>
						<![CDATA[
						<p>Excellent &#8211; thanks so much!</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-234205</guid>
					<title><![CDATA[Reply To: How to put Ethos Navigation Links in TOP BAR]]></title>
					<link>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-234205</link>
					<pubDate>Tue, 24 Mar 2015 17:48:39 +0000</pubDate>
					<dc:creator>Nico</dc:creator>

					<description>
						<![CDATA[
						<p>You&#8217;re most welcome!</p>
<p>Let us know if you need anything else.</p>
<p>Cheers!</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-723505</guid>
					<title><![CDATA[Reply To: How to put Ethos Navigation Links in TOP BAR]]></title>
					<link>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-723505</link>
					<pubDate>Mon, 28 Dec 2015 21:20:13 +0000</pubDate>
					<dc:creator>dmills1</dc:creator>

					<description>
						<![CDATA[
						<p>When I follow these instructions it pushes the social icons down a line.  Can I have both the icons and the menu in the top bar?</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-723514</guid>
					<title><![CDATA[Reply To: How to put Ethos Navigation Links in TOP BAR]]></title>
					<link>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-723514</link>
					<pubDate>Mon, 28 Dec 2015 21:23:28 +0000</pubDate>
					<dc:creator>dmills1</dc:creator>

					<description>
						<![CDATA[
						This reply has been marked as private.						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-723523</guid>
					<title><![CDATA[Reply To: How to put Ethos Navigation Links in TOP BAR]]></title>
					<link>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-723523</link>
					<pubDate>Mon, 28 Dec 2015 21:29:14 +0000</pubDate>
					<dc:creator>dmills1</dc:creator>

					<description>
						<![CDATA[
						<p>I would like this to look like the regular menu bar.</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-723552</guid>
					<title><![CDATA[Reply To: How to put Ethos Navigation Links in TOP BAR]]></title>
					<link>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-723552</link>
					<pubDate>Mon, 28 Dec 2015 21:48:33 +0000</pubDate>
					<dc:creator>dmills1</dc:creator>

					<description>
						<![CDATA[
						<p>And, they aren&#8217;t lining up with social lower than the links, I&#8217;ve also searched for a way to change the color of the top bar links, but they are not in customize. please advise.</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-723660</guid>
					<title><![CDATA[Reply To: How to put Ethos Navigation Links in TOP BAR]]></title>
					<link>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-723660</link>
					<pubDate>Mon, 28 Dec 2015 22:52:32 +0000</pubDate>
					<dc:creator>Jade</dc:creator>

					<description>
						<![CDATA[
						<p>Hi there,</p>
<p>Please add this CSS:</p>
<pre><code>p:empty {
    display: none;
}

.x-top-nav {
    float: left;
    margin-bottom: 0;
}

.x-top-nav li a{
    color: #fff;
}</code></pre>
<p>Hope this helps.</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-724604</guid>
					<title><![CDATA[Reply To: How to put Ethos Navigation Links in TOP BAR]]></title>
					<link>https://theme.co/archive/forums/topic/how-to-put-ethos-navigation-links-in-top-bar/#post-724604</link>
					<pubDate>Tue, 29 Dec 2015 19:11:31 +0000</pubDate>
					<dc:creator>dmills1</dc:creator>

					<description>
						<![CDATA[
						<p>Thank you that is great!  How do I make the letters stay white before hover (instead of grey)</p>
						]]>
					</description>

					
					
				</item>

					
		
	</channel>
	</rss>

