Okay
  Public Ticket #2575490
video not supported in mobile version on MUNIO WP TEMPLATE
Closed

Comments

  • mattia started the conversation

    We have a problem just to view our video in MUNIO template as they are not displayed on mobile but just on desktop
    Why?

    can gently help as to fix this on your template?

    as we want that our customer can easily watch our video form mobile too!

    best regards



  •  1,810
    Support replied

    Hello Mattia,

    It is not recommended, as a general practice, having videos autoplaying on mobile (and taking in consideration different data mobile plans and different networks streaming speeds). Also, the problem with ios devices is they interpret the HTML 5 videos as videos without player so they will embed it it in a popup player. You should provide a poster image (hero image) for mobile in video portfolio options.

    However, to enable video on mobile try the following:

    1. add

    @media only screen and (max-width: 1024px){      .hero-video-wrapper {         display: block;         visibility: visible;      }

    }

    in customizer -> additional CSS

    2. open/js.scripts.js and remove the following lines:

    var viewportWidth = $(window).width(); if (viewportWidth < 1024) {      $('.hero-video-wrapper').remove();   }

    hard refresh the page (Ctrl+F5) when you are done.

    3.  go to showcase-page.php and change the following line

    <video loop muted class="bgvid">

    to

    <video loop muted playsinline class="bgvid">

    same thing for /sections/hero_image_section.php line 18


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • mattia replied

    I will try tomorrow, I let you know if it does work on 
     Thank u at the moment!

  •  1,810
    Support replied

    Ok great let us know

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •   mattia replied privately
  • mattia replied


    it works!! thanks a lot for your great support!!!

    only a little staff ,it still  doesn't works if you want to see the website in mobile in "wide mode" it says to turn your mobile!
    do you have a php code to unblock this !


  •  1,810
    Support replied

    try adding

    @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
        
       #rotate-device {
           display:block;
       }
    }

    in customizer -> additonal CSS

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • mattia replied

    I try adding your code  but it seems not work!

  •  1,810
    Support replied

    Sorrysmile.png it's

    @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
        
       #rotate-device {
           display:none;
       }
    }

    so none instead of block

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • mattia replied

    GREAT JOB IT WORKS!!! THANKS A LOT


    another question for you

    1
    how we can change link 

    https://ymmely.com/?munio_portfolio=web-sites

    we want change word "munio_profolio"  as we would like to have simply

    https://ymmely.com/web-sites

    how we can do that?




  •  1,810
    Support replied

    Hello

    You can go to customizer -> portfolio settings to change the custom slug. Just enter your own and after saving the changes go to Settings -> Permalinks and press 'Save' to refresh them.

    In order to completely remove it you may want to use a plugin:

    https://wordpress.org/plugins/remove-cpt-base/

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • mattia replied

    THANK YOU AGAIN FOR YOUR GREAT SUPPORT

    i have another issue as we want that the web site is very responsive

    How che we set /scale the images of background in our home page to be scaled  in mobile versione

    I attach the sample to understood we wold like to manage our images ..

    we can set the % using css I suppose but where?


    thank u very very much




  •  1,810
    Support replied

    Hello Mattia, this is a matter of displaying a fullscreen image in the current viewport while preserving the original aspect ratio

    The following article explains it better

    https://clapat.ticksy.com/article/7379/


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • mattia replied

    Good morning 

    3
    we need your great help!!


    1 how is possible in portfolio the appear  "next area"  to let appertains name of the .title  e and sub title ' we don't understand which is the correct css we have to modify? 

    Should  be possible to have at the and f the page like a carousel were you can go in any area you want .,,in your template there is just NEXT AREA but you don't know which is the area except for the bg image!!


    2
    che you aenter in an area we fixed to have 50% of bg image 

     +title  and then the content of the page ...

    ..seems that the text is scrolling over the page t remain some black space we are not able to delete!!

    Ho can we fix it?

    https://ymmely.com/area/web-design/


    3
    we don't understand why with the pointer the template moves not only down drop but also right and left ? how we can eliminate this movement please


    we set weglot is a normal wpplugins the automatically translate our web site it works perfectly in desktop mode in responsive the Botton to choose the lenguage disappear why?



    Thank you for your assistance and your  gentleness!!!



  •  1,810
    Support replied

    Hi 

    1. try

    .next-subtitle-name {
          opacity: 1;
    }

    .main-title span {
        opacity: 1;

    }

    in customizer -> additional CSS

    2. somehow the original styles for the hero image

    https://prnt.sc/v854gl

    have been altered on your site

    https://prnt.sc/v85731

    check the #hero-bg-image height it has  changed from 100%  to 50%

    3. the circle follows the mouse cursor and can be disabled. Is this this what is about? Or is it something else? can you give us more details?

    4. It's there, however at the bottom

    https://prnt.sc/v859y7


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • mattia replied

    good morning

    we solve other issue thanks for your help

    1)))

    BUT THIS DOESNT WORKS

    1 .next-subtitle-name {       opacity: 1; }

    .main-title span {     opacity: 1;

    }

    in customizer -> additional CSS

    2))))

    we have also problem with the logo as we don't now how to set the aspect ratio we try to charge it trasparent in .gif
    but we charged in 1200 px if we charge it example 300px width its look very bad!!

    How we can do it  ?
    why you don't add it straight in  personalize /aspect? 


    3)))

    we can't add nothing in hero   over the bg.image like other link or text why you don't add the possibility to add button or text line
    How we can do it  ?
    why you don't add it straight in  personalize /aspect? 


    4))

    also we want to know about the preloader bar  As when web site is charging the main page preloader doesn't appear at once..the web site turn in black than ..the preloader bar appears 

    5))here we can personalize   main menu page?
    why only de dots are liked to menu page and not the word "DISCOVER US"


     final consideration about your theme munio we buy

    we are very very gratefull ..and we are very impressed about your assistance and your gentleness and quick reply
     we think what we paid "nothing" ..for all the great  job you are giving to us!!!
    but the theme is too complicated ...is not very intuitive  we understand that it brand new 

    as you need to explain better that you need to works exclusive on css to modify it


  • mattia replied

    good morning

    how we can eliminate tex floating text in portfolio and in the oage

    amd

    why in responsive is not possible to zoom the text 

    and

    how we can block the possibility to  copy the text  in every page

    amd 

    how we can have preloading bar  "before "to charge the web site or during the video is charging in cache

    we dont understand why you set preloading after  that the media are charged!


    thank u very much



  • mattia replied

    goodmorning 

    WE HAVE PROBLEM WITH SITE MAPafter several check we are sure that the problem is MUNIO THEME 

    as if we deactivate it we have no sitemap problem


    This page contains the following errors:

    error on line 1 at column 7: XML declaration allowed only at the start of the document

    Below is a rendering of the page up to the first error.

    we have a problem also with sitemap


    thank you for your help
    We d