Navigation
Archive / Mobile background problems
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 5, 2016 at 2:27 am #1161251
    yhshin1020
    Participant

    Hey,

    I have a background that I want to make responsive on mobile devices.

    More details are below.

    Thanks.

    September 5, 2016 at 2:30 am #1161255
    yhshin1020
    Participant
    This reply has been marked as private.
    September 5, 2016 at 2:32 am #1161257
    yhshin1020
    Participant
    This reply has been marked as private.
    September 5, 2016 at 2:46 am #1161273
    Lely
    Moderator

    Hi There,

    Thank you for screenshot.
    We can use visibility element. Below the text Minister for Foreign Affairs add visibility element. Then inside, add smaller version of this image. Set this to be visible on mobile only. Then add the following CSS:

    @media screen and (max-width: 768px){
div.legislationhead {
    background-image: none;
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(107,130,148,0) 41%,rgba(218,192,142,1) 100%);
}
}

    Adjust the background color.

    Hope this helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1161251 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>