Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #259339

    When i view images on a mobile device i would like the image to be full width of the phone

    how do i do this?

    shutterliving.com/coldplay-concert-paris-stade-de-france-2013/

    #259756

    any ideas on this one?

    #259761

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

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

    Regards,
    Yigit

    • This reply was modified 10 years, 6 months ago by Yigit.
    #259766

    Hey thanks Yigit for all the support.

    Unfortunately this does not seem to have done anything? (i have cleared all cache)

    Any ideas?

    #259768

    Hi!

    I have edited the code i posted. Please replace it with the new one

    Regards,
    Yigit

    #259769

    LEGEND! works perfectly !

    #259770

    OK, i spoke too soon.

    Anyway we can remove this formatting from the Footer, as the code you gave affects the widgets on the footer as well as the images on the page?

    Thanks again !

    #259772

    This also effect the title of the post and the the navigation bar at the top of the page.

    Is there any way for the photos to be full screen and the rest of the page to stay the same?

    #259778

    Hi!

    I have once again updated the code in my first post. Please try it now. It should work fine this time :)

    Cheers!
    Yigit

    #260271

    Thanks a million.
    Resolved – I’m happy with this!

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Full screen images on a mobile device’ is closed to new replies.