Canvas Support

Change Header Logo and Search

3 replies · opened May 16, 2017

OostschweizMay 16, 2017

Hello i want to have my logo on the right Site in the header and the Search Icon on the Left Site.

Do you have a solution to do this?

Thank you very much.

Best regards

Stefan Keller

SSemicolon WebSTAFFMay 16, 2017

Hello,

This is Definitely Possible. Simply use the following CSS Code: 

@media (min-width: 992px) {
	#logo,
	#header.full-header #primary-menu > ul { float: right; }

	#primary-menu,
	#top-search,
	#top-cart { 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.full-header #primary-menu > ul {
		border-right: 0;
		padding-right: 0;
		margin-right: 0;
		padding-left: 15px;
		margin-left: 15px;
		border-left: 1px solid #EEE;
	}

	body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.full-header #top-search form input { padding-left: 100px; }
}

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.

OostschweizMay 17, 2017

Thank you very much

It is allmost right.

What i want is, that the primary-menu is on the right Site next to the Logo.
The navigation shout stay on the same position like the picture i've sent to you.

And the Search Button is allone on the left site.

Thank you and best regards

Stefan Jenni

SSemicolon WebSTAFFMay 26, 2017

Hello,

Unfortunately, this is not supported in the current structure since the Primary Menus and the Search are together inside a DIV which causes it to move together. We will surely work on better ways to address this and make it more flexible in Our Next Updates. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

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