Portfolio-filter on mobile

Hello,

1. This is Definitely Possible, please use the following CSS Code:

.device-xxs .portfolio-filter li { width: 100%; }

1. For the Condition Form, if you want to use the include/sendemail.php File to process the Form, then you will need to change the Form Input's name attributes to the proper values as in the Default Contact Forms. Use the HTML Code below replacing your Existing Conditional Form's Code for a Working Example:

<div class="col_half contact-widget nobottommargin">

	<h3>Conditional Quote Form</h3>

	<div class="contact-form-result"></div>

	<form id="conditional-form" action="include/sendemail.php" method="post" class="nobottommargin">

		<div class="form-process"></div>

		<div class="col_full">
			<label for="form-condition-1">Enter Name</label>
			<input type="text" class="sm-form-control required" id="form-condition-1" name="template-contactform-name" value="">
		</div>

		<div class="col_full" id="form-condition-2-wrap" style="display:none;">
			<label for="form-condition-2">Enter Email</label>
			<input type="email" class="sm-form-control required email" id="form-condition-2" name="template-contactform-email" value="">
		</div>

		<div class="col_full" id="form-condition-3-wrap" style="display:none;">
			<label for="form-condition-3">Enter Website</label>
			<input type="url" class="sm-form-control required url" id="form-condition-3" name="template-contactform-phone" value="" placeholder="Include http://">
		</div>

		<div class="col_full" id="form-condition-4-wrap" style="display:none;">
			<label for="form-condition-4">Select Amount in Dollars($)</label>
			<select id="form-condition-4" name="template-contactform-service" class="required sm-form-control">
				<option value="">-- Select One --</option>
				<option value="$500 to $1000">$500 to $1000</option>
				<option value="$1000 to $2000">$1000 to $1999</option>
				<option value="$2000 to $3000">$2000 to $3000</option>
				<option value="$3000 to $5000">$3000 to $5000</option>
				<option value="more than $5000">more than $5000</option>
			</select>
		</div>

		<div class="col_full" id="form-condition-5-wrap" style="display:none;">
			<label for="form-condition-5">Enter Message</label>
			<textarea class="sm-form-control required" id="form-condition-5" name="template-contactform-message" rows="5" col="20" placeholder="Enter Minimum 20 Characters"></textarea>
		</div>

		<div class="col_full hidden">
			<input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="sm-form-control" />
		</div>

		<div class="col_full" id="form-condition-submit" style="display:none;">
			<button class="button button-3d nomargin" type="submit">Send Quote</button>
		</div>

	</form>

</div>

Also, notice that we have enclosed the Form inside the .contact-widget Container to apply the AJAX Submission Functionality to this Condition Form and added a Blank DIV with the .contact-form-result Class to handle the Form Submission Notifications.

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

Hello,

Really Glad that your issues were resolved. We were just about to Reply to your support Query. The solution was to add the enctype="multipart/form-data" Attribute to the <form> Tag.

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.

Hello,

Please make sure that you have added the reCaptcha Secret Key in the include/sendemail2.php File. This will automatically fix the issue.

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