Your account expired support, please renew to get your support.

Home Forums Themes Support Gecko Vídeo mobile

Viewing 11 reply threads
  • Author
    Posts
    • #38858
      akamm
      Support Expired

      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.

    • #38860
      Harry
      Support Expired

      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

    • #38871
      akamm
      Support Expired

      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

    • #38875
      Harry
      Support Expired

      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

    • #38909
      akamm
      Support Expired

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

    • #38911
      Harry
      Support Expired

      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

    • #38960
      akamm
      Support Expired

      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

    • #38961
      Harry
      Support Expired

      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

    • #38974
      akamm
      Support Expired
      This reply has been marked as private.
    • #38979
      Harry
      Support Expired

      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

    • #38988
      akamm
      Support Expired

      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.
    • #38991
      Harry
      Support Expired

      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

Viewing 11 reply threads

You must be logged in to reply to this topic.