• Resolved halima00

    (@halima00)


    Looks great on the desktop, but why is my featured image not showing up on the mobile phone?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Atanas Yonkov

    (@nravota12)

    Hi @halima00,

    I guess you mean the Header Image, which you can show on the homepage or your featured image display is set to fullwidth header, which means it inherits the header image options.

    There is a theme option to remove the background-attachment property that is responsible for the parallax effect but is also showing only the top part of the image before page scroll.

    To do that, go to appearance => customize => header image and remove the check on Header Image Parallax option. You can also play around with the Header Background Position theme option for more control.

    Finally, if you want to keep the parallax effect on desktop but get rid of it on mobile, you can use the following css code (add it in appearance => customize => additional css):

    @media(max-width:40rem){
        .header-image-wrapper {
            background-attachment: initial !important;
        }
    }
    Thread Starter halima00

    (@halima00)

    It worked! Thank you so much. I appreciate it.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Featured Image not showing on the mobile phone’ is closed to new replies.