Docs

[Jennifer S]

Hi there! We’re at http://www.theantgroup.com/the-ant-group-under-construction/ and everything is current.

I want the background for my logo and menu to be white, which is the same color as my page background. When I scroll up on this page, I’d like there to be a thin gray line that stays underneath the full width of the navigation no matter how far up I scroll. That way there’s a line that separates the navigation from the page content when I scroll up.

I’ve been scouring the forum, but haven’t found a way to do this. We’re using Renew. Thanks!

[Jade]

Hi Jennifer,

You can add this under Custom > CSS in the Customizer.

.x-navbar-fixed-top {
    border-bottom: 1px solid #efefef;
}

Hope this helps.

[Jennifer S]

Perfection – thank you! 🙂

[Jennifer S]

Hi! Actually, is there something I can add to the code so that the line also appears on pages that are designed with CornerStone?

[Joao]

Hi Jennifer,

The code above provided should affect all pages independently if they were built in cornerstone or outside of it.

Can you please provide the url of your website and the wp-admin credentials so we can have a look at it.

Please if possible post as well a screenshot of the issue to clarify it.

Thanks,

Joao

[Jade]

Hi Jenn,

Do you mean you want the same line below the menu to appear in Cornerstone pages? If you have added the code in the Customizer then that should take effect site wide on every single page on the site. But there is an option Cornerstone where you can add page specific styles. See screenshot attached.

[Jennifer S]

Ok, I see what’s happening now. If you look at http://www.theantgroup.com/about-us/, you’ll see the line doesn’t actually appear until after you scroll past a certain point. I was hoping it would be there all the time. Is there a way to do that?

Also, on a side note, I dropped the code into the Custom CSS editor via Customize (not the CornerStone panel). What’s the difference between the 2 places for Custom CSS?

[Jennifer S]

BTW, I manually added a top border to the top section on http://www.theantgroup.com/about-us/ while I was waiting on the reply.

You can see the behavior mentioned in my last post here though: http://www.theantgroup.com/contact/

[Friech]

Hi There,

You can add this under Custom > CSS in the Customizer.

body .x-navbar-inner {
	 border-bottom: 1px solid #efefef;
}

Custom CSS editor via Customizer is global, meaning it will affect all pages. While CornerStone’s custom css is only specific to the page.

Hope it helps, Cheers!

[Jennifer S]

Wonderful – that worked perfectly! And thank you for the explanation on the difference in the CSS editors. That’s a very helpful thing to know! I’d like to say I have time to keep up with all the changelog documentation, etc., but obviously I don’t. I appreciate you taking the time to explain. 🙂

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts