- This topic has 7 replies, 3 voices, and was last updated 2 months, 3 weeks ago by Tom.
July 2, 2020 at 1:48 pm #1349887Ricardo
I’m wondering if you could give me some help on these topics. I don’t know how to solve those.
I am using video block on these pages:
I have no poster image and set preload to “metadata”.
On the desktop browsers everything is ok.
On chrome mobile version also ok.
But on firefox mobile, it shows a dark background without image. On safari (in an iphone 8) it shows a transparent background.
I think that one solution would be to set a poster image.
But if there was a way to force to load the first frame on all devices and browsers, it would be fantastic.
Mmostly because the effect of having the video paused on the first frame it’s better then having a picture that it’s hard to get exactly as a the first frame on the different devices.
In the customization/typography I set up hedings to be open sans.
But on this pages
I set it up to be archivo black via generateblocks/advanced typography.
On the desktop browsers everything is ok. But on all mobile browsers that I’ve tested (chrome, safari on iphone and firefox) the headings aren’t archivo black. Although if I resize desktop browsers all headings are archivo black.
I also tried to use css, but the result was the same.
What can I do to solve this?
Thanks in advance,
Ricardo PonsJuly 2, 2020 at 2:51 pm #1349922TomLead DeveloperLead Developer
1. I’m afraid I’m not sure if there’s a solution here, but I’m no expert when it comes to the video block.
2. I’m not seeing a request to Google for the Archivo font in the HTML. Have you toggled the “Google font” option in the GenerateBlocks settings?July 2, 2020 at 3:29 pm #1349948Ricardo
Regarding video blocks, I’ll stick with the poster.
I didn’t toggled “google font”, but changed that right now and nothing changed.
What I don’t understand is that it is ok for desktop browsers. Also if I add css for those specific pages that doesn’t make changes also.
I have not any cache.
If you want I can give access to those pages.July 3, 2020 at 6:52 am #1350514DavidStaffCustomer SupportJuly 3, 2020 at 7:14 am #1350537Ricardo
It’s loading fine on desktop here.
Did that change, but still the same problem.
The issue, I think, is that the settings on customizing/typography take control on the mobile devices.
I also tried to add via on page css, but the issue is the same.July 3, 2020 at 2:33 pm #1351065TomLead DeveloperLead Developer
It looks like you’re using lower case characters, which is resulting in a 404 on the Google server.
Archivo BlackJuly 3, 2020 at 3:19 pm #1351090Ricardo
David has already told me that but I just tested in one headind and it didn’t changed anything.
But now I’ve changed all the headings and it’s ok.
Thank you!!July 4, 2020 at 9:16 am #1351849
- You must be logged in to reply to this topic.