Canvas Support

Responsive issue with Restaurant Template on iPad mini (768x1024)

2 replies · opened Nov 3, 2018

TTedNov 3, 2018

Hi there,
I totally love your templates - what an amazing job you have done, really! It just seems that your beautiful template "index-restaurant.html" is not showing two columns side-by-side on resolutions of 768x1024 (see attachment). The images next to the headlines "FRESH FROM THE GARDEN." and "YOU'LL BE LOVIN' IT." are suddenly moving UNDER the headlines on an iPad mini, leaving the complete right column EMTY (rather than the images staying on the right/left side of the headlines as expected in a two-column grid). Could you please help me so I can fix this?
Thank you so much, Ted

SSemicolon WebSTAFFNov 8, 2018

Hello,

Thanks for reporting this to us! We are already aware of this issue and will release an update shortly.

Simply find the following code in the css/responsive.css File: 

.col_last { float: none; }

.sidebar.col_last {
	margin-bottom: 0 !important;
	padding-bottom: 0;
	border-bottom: 0;
}

and replace it with:

.sidebar.col_last {
	float: none;
	margin-bottom: 0 !important;
	padding-bottom: 0;
	border-bottom: 0;
}

This will definitely fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

TTedNov 10, 2018

Works absolutely great - thank you so much!

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