Canvas Support

Vertical Divider in Header

2 replies · opened Sep 20, 2016

SskooshSep 20, 2016

I want to put a vertical divider in my current header between the FAQ link and the shopping cart similar to how it looks in a full width header. Can I do this without using the full-width header class? Website is https://www.warcraftmarket.com

Thanks!

SSemicolon WebSTAFFSep 20, 2016

Hello,

This is Definitely Possible. Please consider using the following CSS Code: 

.device-lg #primary-menu > ul:not(.social-icons),
.device-md #primary-menu > ul:not(.social-icons) {
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #EEE;
}

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

SskooshSep 20, 2016

Thank you, this works perfectly.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard