Static page covering image in mobile view

andrewdilworth · Member · August 8, 2017 at 4:10 pm
Copy link

Add topic to favorites
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)
mkrdip · Theme Author · August 11, 2017 at 10:44 am
Copy link
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.

No items found.