Hi!
For my site i have a background video playing in the section.
For mobile devices i have a background image/banner, because videos cannot play in mobile devices.
If i open the site on my or other mobile devices, the background image is not responsive.
1. What do i need to do for making those images responsive?
2. How can i make a search function within the mobile menu?
Thanks in advance!
Hey PeterWP!
It looks like a fixed height is set on the container hence it is not re-sizing please create a temporary admin login and share in private content with permission to deactivate all plugins and add custom code if necessary to help you better.
Best regards,
Vinay Kashyap
Thanks, i will do!
Hi!
Sorry for the delay.
We are working on your ticket please wait while we update the results here soon.
I’m unable to login to the backend to take a closer look.
To control the height of the video player please add the below code to Enfold > General Styling > Quick CSS
@media screen (max-width:480px) {
.avia_desktop #top .av-section-mobile-video-disabled {
max-height: 200px;
}
}
Enable custom class support then use the custom class only_mobile or only_desktop to switch the image and video
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
/*Show in mobile*/
@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}
@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}
Best regards,
Vinay Kashyap