Canvas Support

Logo distorted in mobile

7 replies · opened Oct 7, 2016

WwinkwebOct 7, 2016

Hi, my logo on the header looks good on the computer, but when I go to the website on the phone, it's getting distorted.
I need it in the right proportions. How can I fix this?

thanks

WwinkwebOct 7, 2016

Also, the header is getting messed up when viewed on the iPad, see photo attached.
How do I solve this?

WwinkwebOct 7, 2016

Also, the header is getting messed up when viewed on the iPad, see photo attached.
How do I solve this?

WwinkwebOct 7, 2016

File attached

SSemicolon WebSTAFFOct 12, 2016

Hello,

The issue with the Menus in iPad happens when there are too many items in the Menu Area than it can accommodate. Please consider adding the following CSS Code to fix both the issues: 

#header.full-header #primary-menu > ul {
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}

.device-md #logo img,
.device-xxs #logo img {
	height: 56px;
	margin-top: 22px;
	margin-bottom: 22px;
}

.device-xs #logo img {
	height: 72px;
	margin-top: 14px;
	margin-bottom: 14px;
}

.device-md #primary-menu ul li a {
	padding: 0 7px;
	font-size: 11px;
	letter-spacing: 0;
}

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

WwinkwebOct 12, 2016

Hi,

The code helped a bit, but didn't really solve the problem. The nav bar is still going down.
I even changed the links to a condensed font, so they would take up less space.

SSemicolon WebSTAFFOct 14, 2016

Hello,

We Really Really Apologize about the Inconvenience and we would like to admit that there was a Minor Mistake with the Code we had provided you as we missed a Small Comma (,) which caused this issue. Please consider Copying/Pasting the above code again and it should definitely work fine this time around. Thank You so so much for your Patience.

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