Title: Full width/gallery query
Last modified: July 22, 2020

---

# Full width/gallery query

 *  [emma97](https://wordpress.org/support/users/emma97/)
 * (@emma97)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/full-width-gallery-query/)
 * Hi,
 * I already have the linked page set to full-width, however I would like the gallery
   of images to fill the screen. At the moment it is nowhere near the full width
   of the screen. Is there a way to manually adjust this with a css code?
 * I currently have the gallery set to 2 columns, however when viewing the page 
   on mobile is there a way to do 2 columns apart from landscape images which would
   be viewed better as 1 column?
 * Many thanks,
    Emma
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffull-width-gallery-query%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Fotis](https://wordpress.org/support/users/markwaregr/)
 * (@markwaregr)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/full-width-gallery-query/#post-13156131)
 * Hi,
    you can add this
 *     ```
       .col-md-offset-2{
        margin:0;
           width:100%;
           max-width:100%;
       }
       ```
   
 * in your custom CSS box under Customize-▸Additional CSS
 * But you will need to refresh your image cache, so close Photon CDN service (Site
   Accelerator from jetpack)
 * Let me know if this worked for you.
 *  Thread Starter [emma97](https://wordpress.org/support/users/emma97/)
 * (@emma97)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/full-width-gallery-query/#post-13162074)
 * Hi,
 * That’s great thank you!
 * It has made the gallery full-width, but is there also a way to make the landscape
   images 1 column on mobile view? As otherwise they are very small.
 * Thanks,
    Emma
 *  [Fotis](https://wordpress.org/support/users/markwaregr/)
 * (@markwaregr)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/full-width-gallery-query/#post-13166634)
 * Hi,
    try this
 *     ```
       @media(max-width:767px){
       .blocks-gallery-item{flex:0 0 100%;max-width:100%;}
       }
       ```
   
 * in your custom CSS box under Customize-▸Additional CSS
 * Let me know if this worked for you.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Full width/gallery query’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/olsen-light/1.7.1/screenshot.png)
 * Olsen Light
 * [Support Threads](https://wordpress.org/support/theme/olsen-light/)
 * [Active Topics](https://wordpress.org/support/theme/olsen-light/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/olsen-light/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/olsen-light/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Fotis](https://wordpress.org/support/users/markwaregr/)
 * Last activity: [5 years, 10 months ago](https://wordpress.org/support/topic/full-width-gallery-query/#post-13166634)
 * Status: not resolved