Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #93487
    Paul T
    Participant

    I would like to use header image on my site for large screen, but disable for mobile device. What would be the CSS Code to disable header image on screen less than 980px. Thanks.

    #93513
    Mahesh
    Keymaster

    @friarpaul: Please post in your site url. In the following link, I didn’t find any header image.
    http://test2.franciscandiscernment.org/
    Let me know further.

    Regards,
    Mahesh

    #93514
    Paul T
    Participant

    test4.franciscanfriars.org

    #93553
    Mahesh
    Keymaster

    friarpaul: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

    @media screen and (max-width: 540px) {
        #header-featured-image {
        	display: none;
        }
    }

    Regards,
    Mahesh

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Disable Header Image on Mobile Device’ is closed to new replies.