Static page covering image in mobile view

  • Hi, I’m using Entrepreneur theme and I was wondering if there was a way of moving the box containing the static homepage content below the featured image in mobile view? Currently, the box blocks the image almost entirely when viewed on mobile, whereas I would prefer for the image to be visible with the homepage content below it if possible.

    I’ve played around with the CSS to try and make the image more visible but when I increase margins or padding the image is enlarged which is not ideal, moreover the box still partially covers it. Is there a fix for this? Would appreciate any and all help!

    The blog I need help with is: (visible only to logged in users)

  • Hi there,

    I think instead of resizing and replacing the box, you should check if reducing the opacity of background color works fine or not. To do so, use the following CSS via Customize > CSS:

    @media only screen and (min-width: 1080px) {
        .home #content article {
            background-color: rgba( 255, 255, 255, .3 );
        }
    }

    You current customization at right side has issues on tablet view. Please shrink the screen and check.

    Hope this helps.

    Cheers.

  • The topic ‘Static page covering image in mobile view’ is closed to new replies.