Post image full width on desktop, tablet and mobile

Hi BenjaminSpeedtsberg,

I tried to check your site however it seems to be still in Maintenance mode:

Sorry, we are currently updating our site - please try again later.

Best regards,
Nikko

Hi BenjaminSpeedtsberg,

Thanks for giving us admin access, I have added this CSS code in Enfold > General Styling > Quick CSS:

.single-post main.content img.attachment-featured {
    width: 100%;
}

Please review your website.

Best regards,
Nikko

Hi BenjaminSpeedtsberg,

I see, please try to add this CSS code:

@media only screen and (max-width:767px) {
    #main {
        overflow: hidden;
    }

    .single-post main.content img.attachment-featured {
        width: 118%;
        max-width: none;
        margin-left: -9%;
    }
}

Best regards,
Nikko

Hi BenjaminSpeedtsberg,

I think the reason for the issue you mentioned is caused by this CSS code:

#top.single .container {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

You will need to make it more specific so it doesn’t affect other areas.
You can target the main area without affecting the header or footer section by replacing #top.single .container with #top.single #main .container

Best regards,
Nikko

Hi BenjaminSpeedtsberg,

I see, please replace #top.single #main .container to #top.single #main > .container_wrap > .container
Let us know if it helps, if it does not help then we’ll need to use a child theme.

Best regards,
Nikko

Hi BenjaminSpeedtsberg,

You’re welcome!
I’m glad that we could help you :)

Best regards,
Nikko