Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1395321

    Hi Enfold team,
    I would like to have a fullscreen picture in the blog post; just on Tablet portrait and Mobile.
    What I would like achieve you can see here:
    My page:

    I have tryied to use this css:
    /* Main blog picture in mobile*/
    @media only screen and (max-width: 479px){
    .flex_column.mts-blog-uvodni-obrazek {width: 140% !important; margin-left: -38px !important; margin-bottom: 0px !important}

    /* Main blog picture in tablet*/
    @media only screen and (max-width: 767px) and (min-width: 480px) {
    .flex_column.mts-blog-uvodni-obrazek {width: 140% !important; margin-left: -65px !important; margin-bottom: 0px !important}

    This solution works, but I don´t see there the copyright info on the picture.
    I am looking for a better solution where the copyright info will be visible.

    Thanks a lot!


    Hey Zdeněk,
    Thanks for your patience and the link to your page, please try this css instead:

    @media only screen and (max-width: 767px) {
    .mts-blog-uvodni-obrazek {
      width: 100vw !important; 
      position: relative !important; 
      left: calc(-50vw + 50%) !important; 
    .mts-blog-uvodni-obrazek .avia-image-container.avia-align-left {
    	margin: 0;

    Best regards,


    Hi Mike,
    that´s exactly what I need!

    Thanks a lot for your support and you can close the threat.



    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Fullscreen picture in the blog post’ is closed to new replies.