Canvas Support

retina logo not working on mobile.

2 replies · opened Nov 19, 2019

RrschonhoffNov 19, 2019

My test site is at silverspringlandscaping.com/2019. I have the header set to static sticky but I thought that retina version would still load on mobile.
or,
With everything left as is, you notice the hamburger menu is just to the left of the logo, is there a way to add 5-7px of space to separate it making it more visible.

RrschonhoffNov 19, 2019

Also, notice that the responsive image under the NAV menu shows in full screen but disappears on mobile. Can i properly size this image or how can i code a separate images to display on mobile

SSemicolon WebSTAFFNov 25, 2019

Hello,

  1. You can simply consider using the following code to resize the Logo Image on Mobile Devices which would generate a Gap between the Hamburger Icon and the Logo:
.device-xs #logo img {
	height: 80px;
	margin-top: 10px;
	margin-bottom: 10px;
}

You can increase/decrease the Height according to your needs.

  1. The Images below the Header/Nav Menu appears to be working fine for us on Mobile Devices. Please let us know if you are facing any further issues with this. 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