Stange issue on canvas real estate

19 replies · opened Feb 6, 2020

Nnitto75Feb 6, 2020

There is an error on view the main page of real estate.

There are solution?

Thanks.

SSemicolon WebSTAFFFeb 7, 2020

Hello,

Apologies about the Inconveniences caused!

Thanks for reporting this to us! This could be due to the fact that the Height is calculated using Javascript and not CSS.

Consider replacing the .force-full-screen and the .full-screen Class together with .vh-100 Class. This will would ensure that the Height is calculated using CSS. Example:

...

This should 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.

Nnitto75Feb 14, 2020

In the cooming soon video template, there is a problem!

If I see it with firefox, the result are wrong!
With chrome is right.

Can You solve this?

Benedetto.

P.s. In attach there is a wrong firefox view

SSemicolon WebSTAFFFeb 14, 2020

Hello,

Apologies about the Inconveniences caused!

Please find the following code:


#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#header.transparent-header + #google-map,
#slider + #header.transparent-header {
	top: -100px;
	margin-bottom: -100px;
}

and replace it with:


#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#header.transparent-header + #google-map,
#slider + #header.transparent-header {
	top: -100px;
	margin-bottom: -100px;
	display: inline-block;
	vertical-align: top;
}

This should 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.

Nnitto75Mar 24, 2020

Hi,
mobile viewing appears to have some bugs.
Attached I have inserted how it is seen and how it should be. In fact, all the other templates do not have the options at the top in white ...

Is it possible to solve the problem?
It's not nice to see the page like this ...

Thank you.

Nnitto75Mar 24, 2020

Hi, I also applied the modification of the previous post sent to me on February 14th,

#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#header.transparent-header + #google-map,
#slider + #header.transparent-header {
	top: -100px;
	margin-bottom: -100px;
	display: inline-block;
	vertical-align: top;
}

but it does not solve the problem. The file I edited is style.css.
Other solutions?
Thank you.

SSemicolon WebSTAFFMar 24, 2020

Hello,

To hide the Top Bar on Mobile Devices, simply add the Bootstrap Display Utility Classes: https://getbootstrap.com/docs/4.4/utilities/display/ to the #top-bar Element.
The above solution appears to be working fine for us. Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on 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.

Nnitto75Mar 24, 2020

Hi,
the link:
https://www.daedalusrealestate.com/

Thanks

SSemicolon WebSTAFFMar 24, 2020

Hello,

We have just checked out your Page on Firefox and everything appears to be working fine for us. Can you please provide us with a Screencast of the issue so that we can provide you with more assistance on this. Thanks for your Patience.

Additionally, sometimes clearing the Browser Cache fixes this issue.

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

Nnitto75Mar 24, 2020

Hi,
send You a video.

Video link:
https://drive.google.com/open?id=1g1MuQqIZOztoKs9KgucQ2e7uJE6LdpOp

Thanks

SSemicolon WebSTAFFMar 24, 2020

Hello,

Updating this using Developer Tools is not recommended. Please update the codes manually in the style.css File and then check this online. Thanks for your Patience. Also, you are not using the codes we had provided you with earlier. The .full-screen Class is still used, whereas we asked it to be replaced by the .vh-100 Class. Make sure that you follow all the instructions provided to avoid unnecessary issues.

Additionally, this page appears to be working perfectly fine on Firefox: https://drive.google.com/file/d/1om3uWS6JiAme24SNwhn_0ESmF1A-MIS4/view?usp=sharing .

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

Nnitto75Mar 24, 2020

Hi,
if I change style.css to:

#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#header.transparent-header + #google-map,
#slider + #header.transparent-header {
	top: -100px;
    margin-bottom: -100px;
    display: inline-block;
	vertical-align: top;
}

in my browser firefox the page https://daedalusrealestate.com are wrong, and the others page (Ex. https://daedalusrealestate.com/registerasbuyer) has half slider. I send You another video file.

I committed the changes you suggested to me.

Video:
https://drive.google.com/open?id=1wb8yEoO258xNG9ilRqN8SDPoZ5fx5TaE

Thanks

Nnitto75Mar 24, 2020

Hi,
I've two monitor... It's possible that second monitor create a bug?

Thanks

Nnitto75Mar 24, 2020

Hi,
for resolve half slider, I've add slider-element into section class.

Thanks

SSemicolon WebSTAFFMar 24, 2020

Hello,

Thanks for your Patience!

Multiple Monitors does not matter and everything should work fine regardless of the number of monitors you use.
To fix the Half Slider, simply add the width: 100%; CSS Property to the CSS Codes. Example:


#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#header.transparent-header + #google-map,
#slider + #header.transparent-header {
	top: -100px;
	margin-bottom: -100px;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

The issue related to your Firefox Browser could be with any enabled Browser Addons. Consider disabling them and try checking your Page again. Also, try checking your Website using some other device to verify if this issue exists there too.

Hope this Helps!

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

Nnitto75Mar 25, 2020

Hi,
ok thanks.

In all the HTML folder I have not found email templates.
Have you prepared email templates?

Thanks

SSemicolon WebSTAFFMar 25, 2020

Hello,

Unfortunately, we currently do not provide Email Templates.

Let us know if we can help you with anything else.

Nnitto75Apr 3, 2020

Hi,
therie is a method in a submit form that disable verification fields?

Thanks

Nnitto75Apr 3, 2020

To clarify.
The fields are mandatory and must remain mandatory, but the submit that I have to send must go back and therefore must not verify the fields.

Thanks

SSemicolon WebSTAFFApr 3, 2020

Hello,

Simply removing the .required Class from the HTML5 Inputs will make the Fields to not validate while submitting the form.

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