Tagged: , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 2, 2015 at 9:27 pm #481806
    QBDSwedenAB

    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.

    August 3, 2015 at 10:41 pm #482435
    Josue

    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

    August 5, 2015 at 4:37 am #483060
    TekBull

    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 :/

    August 5, 2015 at 7:34 am #483105
    Josue

    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

    August 5, 2015 at 9:50 pm #483597
    QBDSwedenAB

    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

    August 7, 2015 at 2:53 am #484252
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

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