Change Icon Top Frame Color and Thickness on Homepage

[azwick2]

I would like to have the top bar of the homepage to look similar or to match the navigation bar found on all the other pages. I think I’m just looking for the CSS selector for that element to change the thickness of the line and its color. It’s the line that appears directly under the header.

Alternatively, is it possible just to show the navigation bar on the homepage?

Thanks!

[ruenel]

Hello Ari,

Thanks for writing in!

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

If you want to only show the navbar in your homepage, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

body:not(.home) .x-navbar-wrap {
  display: none;
}

Hope this helps. Please let us know how it goes.

[azwick2]

Hi RueNel,

Sorry about that! It’s www.consumerecology.com.

[ruenel]

Hello Ari,

Thanks for providing the url of your site. Do you want to have a topbar? Please go to X > Theme Options > Header > Miscellaneous > Topbar. Simply activate it and add your topbar content.

Hope this helps.

[azwick2]

Hi RueNel,

Thanks. I was actually looking for the portion below my navigation bar, not above it. There’s a tiny grey line right below “Compare and Save the World.” That’s the one that I want to increase the width of and change its color.

Ari

[ruenel]

Hey Ari,

You mean like this?

This is a border of the navbar. To increase the thickness and change the color, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-navbar {
    border-width: 20px;
    border-color: red;
}

Feel free to change the thickness and the color.