Canvas Support

Problem with header and form submission

4 replies · opened Jul 27, 2020

Llsualeng13Jul 27, 2020

Dear support,

I'm having the following problems with the site

  1. The header in index and about us page seems to be broken in iPad mini screen. Like it gets a super zoom in. Works fine with other devices such as pc and mobile.

  2. The form in the contact us page is not sending. The spinner goes on forever. It works only 1 out of 10 times I tried. I change my action command to another SaaS and the problem still persists.

Here is my live url: https://jatupack.com

Thank you for your time.

SSemicolon WebSTAFFJul 27, 2020

Hello,

  1. We have checked out your Website and the issues are due to the Custom CSS Codes which are also present in the style.css File. We highly recommend you to only use the css/custom.css File for CSS Customizations to avoid unnecessary issues. Also, the issue appears to be with the Editing of the following code:

.header-size-md #header-wrap #logo img {
	height: 50px;
}

and


#logo a.standard-logo {
	display: flex;
	padding: 1% 0;
}

which makes the Header really small on Small Devices. Can you please provide us with a Screenshot of the iPad Mini Issue, so that we can understand this more clearly. Additionally, just as a heads-up, the Support will be limited on this according to the Item Support Policy: https://themeforest.net/page/item_support_policy, as this issue is a result of Customization and something which is not due to the Default Codes provided.

  1. Your Form is not using the Default include/form.php File provided. The AJAX Forms only work with the include/form.php File. You will need to remove the .form-widget Class from your HTML to deactivate AJAX.

Hope this Helps!

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

Llsualeng13Jul 27, 2020

Thank you for your support. I really appreciate it. The second one solves the problem. I don't know about the AJAX form. I think I will need to learn that later.

For the first problem, at first, I was not familiar with using Html theme and I saw custom.css half-way through the project. I will use it for now on.
I acknowledge the policy. But if you can provide any help, I'd appreciate it. I'll make sure it won't happen next time.
Thank you so much for your time.

Here is the screenshot:

Llsualeng13Jul 27, 2020

I think I mistakenly wrote the header instead of the slider. Only happens in the iPad mini. Thank you.

SSemicolon WebSTAFFJul 29, 2020

Hello,

Very Happy to Help!

According to the issue you are mentioning, this appears to be related to the Custom CSS Background Properties you are using on the .slider-element Selector. To fix this, you will need to consider, setting specific Background Property based on the iPad Mini Media Query. Example:


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {

	.slider-element {
		/* Background Properties */
	}

}

This will definitely work fine. Hope this Helps!

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