Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 17, 2014 at 11:19 am #352313
    Jamie A

    Hi All,

    I would like the images on my site to be almost full width on a mobile device.

    (http://shutterliving.com/president-francois-hollande/)

    This was resolved in Enfold Version 2. However after upgrading to the latest version this has changed back.

    This is the thread that resolved my previous question:
    https://kriesi.at/support/topic/full-screen-images-on-a-mobile-device/

    November 17, 2014 at 5:06 pm #352539
    Yigit

    Hi Jamie A!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 768px) {
.container.template-blog.template-single-blog {
width: 100%!important;
max-width: 100%!important; }}

    Regards,
    Yigit

    November 17, 2014 at 6:01 pm #352581
    Jamie A

    Thanks – Should i remove the old code?

    @media only screen and (max-width: 767px) {
    .container.template-blog {
    width: 100%;
    }}

    November 17, 2014 at 6:04 pm #352583
    Yigit

    Hi!

    Yes, you can remove the old code. You are welcome!

    Cheers!
    Yigit

    November 17, 2014 at 6:06 pm #352585
    Jamie A

    It worked without removing the old code. (however should i still remove it?)

    Also…. When I turn my phone to Landscape can it resize to full screen as well? At the moment it does not resize.

    Thanks in advance

    November 18, 2014 at 11:12 am #352884
    Jamie A

    @Yigit,

    Thanks again for all your help.

    I was hoping to fix the issue of the images not resizing when i turn the iPhone to landscape view.
    When I turn the phone around they do not change size at all.

    I was thinking may be it has something to do with this code you suggested in this thread:

    https://kriesi.at/support/topic/size-of-images-on-a-page/

    I’m not sure at all but i would like the images to be see as large as possible

    November 19, 2014 at 1:54 pm #353638
    Ismael

    Hi!

    Please add this on Quik CSS:

    @media only screen and (max-width: 767px) {
.responsive #top .fullsize .template-blog .post .entry-content-wrapper img {
width: 100%;
max-width: 100%;
}
}

    Cheers!
    Ismael

    November 19, 2014 at 4:37 pm #353775
    Jamie A

    Thanks a million – Resolved .

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Full screen images on an iPhone’ is closed to new replies.