-
AuthorPosts
-
October 20, 2016 at 12:12 pm #701813
Hello, I have one problem with a video.
In this page: http://clinicadelcanto.es/instalaciones/ you will see I have a video and in desktop is perfect, but in mobile form, I can see the video with a red play button but if I try to play the video it does not do anything…any suggestions?
Thank you and regards, CarmenOctober 21, 2016 at 6:27 am #702169Hi carmen,
Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.
Thanks,
RikardOctober 21, 2016 at 9:47 am #702253Please fin detalis. Waiting for your reply, Carmen
October 24, 2016 at 7:08 am #703132Hi,
Mobile devices do not auto play videos by default and some have incompatibility issue with the video script that’s why we added the “Hide video on Mobile Devices?” option. Please add a background image as a fallback or hide the color section on mobile then add an actual video element in its place.
// http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/
Best regards,
IsmaelOctober 24, 2016 at 12:19 pm #703216Hello and thank your for your response.
I have done it, but now in the desktop version, I see a white block space that I don´t want – and seems corresponds to the “only-mobile” section.
Can I take it out? Thank you, CarmenOctober 24, 2016 at 1:14 pm #703243By he way, I have just gond to thev video in the iPad (this link: http://clinicadelcanto.es/instalaciones/) and appears the problem that I can not “play” the viideo.
Looking for your support, CarmenOctober 27, 2016 at 5:11 am #704646Hi,
Please adjust the css media queries.
@media only screen and (max-width: 1024px) { .only-desktop { display: none !important; } } @media only screen and (min-width: 1024px) { .only-mobile { display: none !important; } }
Best regards,
IsmaelOctober 27, 2016 at 9:20 am #704739Hello Ismael and thank you, but now with this CSS in the iPad (horizontal way) nothing appears!
IN the iPad vertical, the video appears, but not in horizontal.
Also, I am trying to put in the iPad the menu as mobile with this code (because the menu is too long):
@media only screen and (max-width: 924px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}
#wrap_all {
position: relative !important;
}But is not workig either.
Also, I have detect that in the iPad vertical way the social icons ar over the menu box…..
Please help!
Thank you, CarmenOctober 31, 2016 at 8:05 am #705991Hi,
Try to change 1024 to 767 from Ismael’s code, it should look like this:
@media only screen and (max-width: 767px) { .only-desktop { display: none !important; } } @media only screen and (min-width: 767px) { .only-mobile { display: none !important; } }
Hope this helps :)
Best regards,
NikkoNovember 2, 2016 at 11:28 am #707053Thank you but my menu is still appearing complete, si some words go to a second line and looks very bad.
Looking for your help, regardsNovember 5, 2016 at 3:45 am #708516Hi,
Please decrease the font size and the padding of the menu items.
@media only screen and (max-width: 989px) and (min-width: 768px) { .responsive .main_menu ul:first-child > li > a { padding: 0 8px; font-size: 11px; } #header #header_main_alternate .container.container { padding: 0 20px; } }
Best regards,
IsmaelNovember 9, 2016 at 5:08 pm #710328Thank you but nothing happens, is still the same!
November 11, 2016 at 3:21 pm #711170Hi,
this is quite confusing to me. I checked link you’ve provided, but can’t see anything wrong on iPad screen size:
So what is it what you want to achieve actually? Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)
Best regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.