Vídeo mobile

[akamm]

Hello, I have included a video on home and on PC it can be seen perfectly, but on mobile it is not visible.

Could you tell me how it can also be seen on mobile.

Tks.

[Harry]

Hi Akam,

Thank you for choose our theme.

On mobile the browser auto turn off video to save data for users. I recommend upload image background. On mobile it will show the image.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[akamm]

Hi, It is not a question of the browser, videos are seen on other pages. We need to include a video in that position. Any solution?

 

Tks

[Harry]

Hi Akam,

Please embed video as HTML element not use video background.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[akamm]

How do I insert html and in what position to see the video in full screen?

[Harry]

Hi Akamm,

Please follow this topic https://www.ostraining.com/blog/coding/responsive-videos/

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[akamm]

Hi, the option to put the video in html does not have the same appearance. Could you tell me some css code so that the video can be seen on mobile?

I also have other problems with home and its mobility:

– Background images are not adapted to mobile screens (vertically).

– Texts also overflow on mobile screens

– It could remove an entire row from your mobile vision?

King regards

[Harry]

Hi Akamm,

Can you please send me your site url and take screenshot where have issue.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[akamm]

This reply has been marked as private.

[Harry]

Hi Akamm,

1.

2. The background image it now you set cover content. On mobile the width of content reduce more than the height.

You should add custom CSS in JanStudio > Theme Option > General Layout > Custom CSS

@media (max-width: 768px) {
.vc_row.vc_row-o-full-height {
	min-height: 50vh !important;
}
.pa-center .fs__14 {
	font-size: 10px;
}
.pa-center .fs__50 {
	font-size: 25px;
}}

And change 50 as you want. It can’t work correct 100% for all row on mobile.

3. To disable a row on mobile, please follow this screenshot https://prnt.sc/v8cgwq

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[akamm]

Hi, tks,

1. Any code for view video in mobile?

2. The code works in part, can be worth

3. This deactivates the columns (text), but the rows are still active (the background)

another question about mobility:

4. The categories in the store overflow, image attached. I don’t really want the categories to appear there. How do I remove everything from there, that the page starts directly in the products?

 

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

1. Please follow this topic

3. Please inspect the row to know class of row https://prnt.sc/v8j34z and add custom CSS code
example

@media (max-width: 768px) {
.vc_row.vc_custom_1603873551841 {
	display: none;
}}

and change 1603873551841 with the number of row you want to hide on mobile

4. Please go to Appearance > Customize > WooCommerce > Product Catalog and follow this https://prnt.sc/v8j8xi

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts