If I only use that code, it’s right on the computer, shows both slider and
video on mobile and tries to load video on ipad then goes blank.

if I use:
@media only screen and (min-width: 1024px) {
.page-id-7727 #full_slider_1 { display: none!important; }}
@media only screen and (min-width: 1024px) {
.page-id-7727 #av_section_1 { display: block !important; }}

@media only screen and (min-width: 767px) {
.page-id-7727 #full_slider_1 { display: none; }}
@media only screen and (max-width: 767px) {
.page-id-7727 #av_section_1 { display: none; }}

then it is right on mobile and computer but still video load then blank on the ipad.
how can I fix this? or is there a way to get the video to play on the ipad?
thanks very much
n

• This reply was modified 11 years, 3 months ago by Munford.

Thanks Yigit –
do I add that to this code?

@media only screen and (min-width: 1140) {
.page-id-7727 #full_slider_1 { display: none; }}
@media only screen and (max-width: 1140px) {
.page-id-7727 #av_section_1 { display: none; }}

n

I am doing a test here:
http://wordpress.nancymunford.com/?page_id=1097
but still have problem with my header on mobile, and the css changes I made to it messed up all my other css.
Can you take a look? Is my header the wrong size or are there other options for the mobile header that I am not seeing.
thanks
n

nevermind – found the setting under ENFOLD/Sidebar/page sidebar navigation.
dont’ understand how that got turned on but maybe it was on and not being used before I updated, since
this is the only sidebar I use on the site.

does that code also hide the image slider on non-responsive media?

I got this response when I asked about it swapping the video on responsive devices – it is also on some other topics here.

Q: I have read some other answers to this topic – is there a way to swap out the video slider for an image slider on responsive media? I saw there was some way to add a css code but it was not listed. I can wait for the new release, sounds good, but was wondering if there was a work-around for now?

A: Hey! You can add image slider above or below your video slider and post the link to your website and point out the section so we can provide you custom CSS code
Regards, Yigit

but then I didn’t get an answer back… :(

Hi Devin, I was looking for a way to swap out the color section at the top of this page with the image slider underneath on responsive media. I saw there was some way to add a css code but could not find it. The 2.6.1 update made too many problems on my site – I know there are some extra settings for videos which is why I wanted to update, but would rather have it swap out if that’s possible.

thanks
N

• This reply was modified 9 years, 2 months ago by Yigit.

why has my topic been hijacked?

OK I decided to revert to an earlier backup which looks ok again.
Then I added this:
@media only screen and (max-width: 767px) {
.responsive .mobile_slide_out .logo img{
width: 225px; height: 50px; margin-top: 10px!important;
}
to fix the logo on mobile header and all the errors listed above are back – none of my css styling is showing.
I am going to revert again, as I can’t have these errors live, but there is some serious error here.
Not sure if you can test it now, but I still need a way to fix my logo on mobile, which is running under the menu icon.
help!
n

• This reply was modified 11 years, 3 months ago by Munford.

Thanks – I just fixed the WPML and have applied the code for the header. Seems to only be changing the width but the height is weird and my attempts at fixing it (height: 100% or height : 50px) don’t work. How can I preserve the aspect ratio of my logo?

I had another topic (#234597) open regarding video slideshows on the mobile and was waiting for a css code to swap the color section (with video) at the top of this page with the image slider below, but my topic was closed after the upgrade. I know there are extra options regarding videos in 2.6.1 but they may not be right for my needs. Can you help me with this?
thanks
N

• This reply was modified 11 years, 3 months ago by Munford.

OK great – the page is here:

top color section with video, next with a fullwidth slider with images.
if the top video will not play on ipad/iphone/mobile, then I would like the
image slider to play instead.

If that works, I need to do the same thing on the danish version of the site-
is that going to cause problems? I have not set that one up yet.
thanks very much for your help!
N

PS This topic was closed but I have not gotten the help I need yet – please keep it open even though the new update is supposed to deal with the video on mobile issue – I think I still need the css fix if you have time to send it my way. thanks!

• This reply was modified 9 years, 2 months ago by Yigit.

Thanks for your reply. I have read some other answers to this topic – is there a way to swap out the video slider for an image slider on responsive media? I saw there was some way to add a css code but it was not listed. I can wait for the new release, sounds good, but was wondering if there was a work-around for now?
thanks very much! I know you must be dealing with a lot of video related topics!
n

thanks!

hi again , well after switching the language back and forth several times I got the right categories to show up. Seems to be a glitch there but I got it working, so ….nevermind.
thanks