Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 26, 2023 at 8:24 am #1395321
    Zdenek

    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: https://ctrlv.cz/mBg2
    My page: https://blog.mtsakademie.cz/cviceni/hledate-skvele-cviceni-v-praze-13/

    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!
    Zdenek

    January 28, 2023 at 3:06 pm #1395717
    Mike

    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,
    Mike

    January 29, 2023 at 7:01 am #1395792
    Zdenek

    Hi Mike,
    that´s exactly what I need!

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

    Br,
    Zdenek

    January 29, 2023 at 12:57 pm #1395801
    Mike

    Hi,
    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,
    Mike

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