Canvas Support

Switch mobile navigation icon to right side?

4 replies · opened Nov 10, 2016

LlivemusicprosNov 10, 2016

The mobile navigation icon appears to default to the left side of the page throughout the template. Is there a way to switch this to the right side? Thanks.

SSemicolon WebSTAFFNov 14, 2016

Hello,

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

@media (max-width: 991px) {
	#logo { text-align: left; }

	#primary-menu-trigger {
		left: auto;
		right: 15px;
	}
}

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

LlivemusicprosNov 15, 2016

Hello, this doesn't appear to work.

I would like the logo to be left-justified and the menu to be right-justified on mobile.

See this link: livemusicpros.com/test

LlivemusicprosNov 15, 2016

Ah! This code needs to be inserted into RESPONSIVE.CSS. It works. Thanks.

SSemicolon WebSTAFFNov 15, 2016

Hello,

Please consider pasting the CSS Code we have provided you with in the Earlier Replies in the css/custom.css File (More Details regarding using the css/custom.css can be found in the Documentation > Start > Customization Section).

This will definitely work fine. 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