Mobile view logo vertical align and menu icon on the right side

3 replies · opened Jul 15, 2016

OOber24Jul 15, 2016

My website is here
http://mein-informatiker.de
and i have problems with centering logo image in mobile view...it is fixed to top and i would like to have it in the vertical middle.
And also the menu icon-reorder to be on the right side...

Where to fix this please help.

SSemicolon WebSTAFFJul 15, 2016

Hello,

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

@media (max-width: 991px) {
	#logo img {
		margin-top: 20px;
		margin-bottom: 20px;
	}

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

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

OOber24Jul 18, 2016

I had to put !important for menu icon to be on the right side

#primary-menu-trigger {
left: auto !important;
right: 0 !important;
}

SSemicolon WebSTAFFJul 19, 2016

Hello,

Please make sure you are using the css/custom.css File to add your Customizations. Complete instructions about using the css/custom.css File 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