Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #581721

    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!

    #582566

    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

    • This reply was modified 8 years, 9 months ago by Vinay.
    #582707

    Thanks, i will do!

    #585220

    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

    • This reply was modified 8 years, 9 months ago by Vinay.
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.