Canvas Support

Display not showing right on mobile phones

12 replies · opened Sep 19, 2019

LLangeNelusSep 19, 2019

Dear,

Another question:

I am working on this website: www.fiammoflame.com.

On a desktop everything seems fine. But when I look at my phone, the header isn't showing quite right.

Can you please tell me how to fix this?

LLangeNelusSep 20, 2019

Can you please give a answer on both questions? I would like to launch the website asap

SSemicolon WebSTAFFSep 20, 2019

Hello,

Thanks for your Patience and Apologies about the Inconveniences caused!

  1. Please consider adding the .force-full-screen Class to the .slider-element DIV. This will fix the issue with the Size of the Slider Area on Mobile Devices.

  2. We have checked out your Page and the issue appears to be with your Google Maps API Key which throws the following error:

Google Maps JavaScript API error: RefererNotAllowedMapError
https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
Your site URL to be authorized: https://fiammoflame.com/dealers.html

Make sure that your Google Maps API Key allows your Domain to be used for the Maps Service and also make sure that you have enabled the Maps JavaScript API, Maps Static API, Geolocation API, Places API and Geocoding API.

This should definitely fix your issue. Hope this Helps!

Additionally, if the error persists, you can check more details in your Browser's Developer Console.

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

LLangeNelusSep 21, 2019
  1. I don't understand. Can you please be more specific? I have a video header. Maybe it's a little bit different than usual (www.fiammoflame.com)
  2. I will try
SSemicolon WebSTAFFSep 22, 2019

Hello,

Please find the following code:

and replace it with:

Hope this Helps!

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

LLangeNelusSep 24, 2019

This doesn't help, unfortunately. Please see link:
www.fiammoflame.com

I've just updated the code with your solution..

LLangeNelusSep 24, 2019

I also would like to know if it's possible to zoom out the video header more. Because it seems like it zooms in but I want the whole screen to be seen. Is that possible?

LLangeNelusSep 24, 2019

Maybe it's the resolution or so, I can't find it...........

LLangeNelusSep 24, 2019

I want the whole video to be seen in the header, please also let me know how to fix these issues asap... we want to launch the website

SSemicolon WebSTAFFSep 24, 2019

Hello,

Apologies about the Inconveniences caused and Thanks for your continued patience with this.

  1. While your code is correct, the issue is with the Plugin resizing the Youtube Video according to the Aspect Ratio of the Video. Consider using the following code to fix this:

This will make the Video Full Screen with the #slider Size.

  1. Unfortunately, the Zoom Functionality on the Video is not supported, as we have mentioned above that the Video is resized due to the Aspect Ratio to fit the Screen.

Hope this Helps!

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

LLangeNelusSep 25, 2019

Dear,

Thanks for your answer/solution. It seems to work!

Many thanks, really appreciate it!

SSemicolon WebSTAFFSep 25, 2019

Hello,

Awesome! Really Glad that your issues were resolved. Thanks for your Patience.

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