Full width with navigation on the left and logo on the right

1 reply · opened Dec 4, 2017

BbrnEnvatoDec 4, 2017

Hi. I would like, using the full width page, to have navigation on the left and the logo on the right (attached image): how to solve? Thanks a lot. Best regards, Bruno

SSemicolon WebSTAFFDec 8, 2017

Hello,

This is Definitely Possible! Simply consider using the following CSS Code:

@media (min-width: 992px) {
	#logo { float: right; }

	#primary-menu { float: left; }

	#header.full-header #logo {
		padding-right: 0;
		margin-right: 0;
		border-right: 0;
		padding-left: 30px;
		margin-left: 30px;
		border-left: 1px solid #EEE;
	}

	#header.transparent-header.full-header #logo { border-left-color: rgba(0,0,0,0.1); }

	#header.full-header #primary-menu > ul {
		float: right;
		padding-right: 0;
		margin-right: 0;
		border-right: 0;
		padding-left: 15px;
		margin-left: 15px;
		border-left: 1px solid #EEE;
	}

	#header.transparent-header.full-header #primary-menu > ul { border-left-color: rgba(0,0,0,0.1); }
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

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