Problems with Mobile version of site

Hi Jeroen,

Thanks for the login details and screenshot, I’m not sure exactly why that is happening, but you can try this CSS to see if you have any luck with it:

@media only screen and (max-width: 767px) {
.av_one_half {
    margin-left: 0;
    width: 100%;
}
}

The video is working fine on my end.

Best regards,
Rikard

Hi Jeroen,

Thanks for the update. Where exactly did you add it? You can try this instead to see if it works better:

@media only screen and (max-width: 767px) {
.av_one_half {
    margin-left: 0 !important;
    width: 100% !important;
}
}

Best regards,
Rikard

Hi Jeroen,

Autoplay videos are disabled on mobile devices, that is why you get that notification. You can set a fallback image for the video in the element options.

Please try this for the footer problem:

@media only screen and (max-width: 767px) {
#footer .av_one_fourth {
    margin-left: 0 !important;
    width: 100% !important;
}
}

Best regards,
Rikard

Hi Jeroen,

Thanks for the clarification, please try this in Quick CSS to show the images on mobile as well:

@media only screen and (max-width: 767px) {
.responsive .template-blog .blog-meta {
    display: block !important;
}
}

Best regards,
Rikard