Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #481806

    I use a Color Section and have a video background on it. On mobile phones, I wish to neither display a video or a background image.

    In the color section settings I can choose to hide mobile on cellphones and instead show my section background image.
    http://gyazo.com/47017c30ca602ba088fedfe9c13ea7b8. I could upload a completely white background image, but since this is on my most important landing page I don’t want to ruin loading time.

    Therefore I am thinking if there’s an easy php fix to say that if it’s responsive mode, then don’t show the video and no else background.

    #482435

    Hey!

    Set a custom ID to the section and add this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
       #hide_section{ display: none; }
    }

    Cheers! 
    Josue

    #483060

    Maybe this is a stupid question, but how do you set a custom ID to a section?

    I’ve tried a few different things:

    Under the “For Developers: Section ID, I’m adding a: #custom-code

    I’m going over to the Quick CSS and adding

    .custom-code {
    border: 5px solid #ddd;
    }

    Nothing is happening though :/

    #483105

    Hi!

    1. In the Section ID field, remove the #.
    2. In Quick CSS, change the dot for a #:

    #custom-code {
    border: 5px solid #ddd;
    }

    Regards,
    Josue

    #483597

    Thanks for your response Josue!

    However you misunderstood my question. I’d like to hide only the video & the background image, and have a transparent background. Also, to speed up load-time I’d like to this with PHP rather than a CSS display:none

    #484252

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.