Tagged: Responsive Design
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/
any ideas on this one?
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
Hey thanks Yigit for all the support.
Unfortunately this does not seem to have done anything? (i have cleared all cache)
Any ideas?
Hi!
I have edited the code i posted. Please replace it with the new one
Regards,
Yigit
LEGEND! works perfectly !
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 !
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?
Hi!
I have once again updated the code in my first post. Please try it now. It should work fine this time :)
Cheers!
Yigit
Thanks a million.
Resolved – I’m happy with this!