Title: Responsive Gallery
Last modified: August 22, 2016

---

# Responsive Gallery

 *  [jhnpldng](https://wordpress.org/support/users/jhnpldng/)
 * (@jhnpldng)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-gallery/)
 * Another responsive issue. I’m using the gallery template and need responsiveness
   there. In single product view it would be nice also but I can turn off the sidebars
   there if needed and the solution for bob reeves may take care of me there so 
   let’s start with gallery template.
    [http://ozarkswebdesign.com/picketlinesigns/signs/](http://ozarkswebdesign.com/picketlinesigns/signs/)
 * The two sidebars plus one image add up to about 463px so if we could get catablog
   to change the number of columns depending on screen size, that would be the ticket.
   Smallest screen is 320×480 so in landscape view it should work. I’d be happy 
   if it worked on 640px wide though.
 * Thanks, John
 * [https://wordpress.org/plugins/catablog/](https://wordpress.org/plugins/catablog/)

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

 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-gallery/#post-5374629)
 * Hi John, I had a look at your URL above and I don’t see any CataBlog entries?
 * What I did see is that the body or wrapper width is already set to a percentage
   which is the correct approach. Can you please pin point where CataBlog is adding
   the extra width so that I can check.
 * Thank you
 *  Thread Starter [jhnpldng](https://wordpress.org/support/users/jhnpldng/)
 * (@jhnpldng)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-gallery/#post-5374630)
 * That above page is [catablog_gallery id=”107″ template=”gallery”]
    and nothing
   more. Those images are populated from a Catablog Library. That grid is just what
   I was looking for but check it out in responsive view via firefox/chrome. Rather
   than the columns reducing to one or two columns, the whole three column grid 
   gets pushed down below the sidebars.
 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-gallery/#post-5374634)
 * Okay I had a look and yes they get pushed to the bottom. so what would you like
   CataBlog to do?
 *  Thread Starter [jhnpldng](https://wordpress.org/support/users/jhnpldng/)
 * (@jhnpldng)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-gallery/#post-5374635)
 * reduce the number of columns and stay beside the sidebars? Be responsive? I have
   no belts in code fu so you tell me.
 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-gallery/#post-5374637)
 * Okay I think I have it working 🙂
 * Try the following…
 * >  ////////////////////////
   > .catablog-gallery.catablog-row {
   >  height: 195px; width: 25%; }
   > //////////////////////////////
   > .catablog-gallery.catablog-row .catablog-image {
   >  height: 195px; width: 100%;}
   > ////////////////////////////////////
   > .catablog-gallery.catablog-row .catablog-image img {
   >  height: 195px; width:
   > 100%; }
   > ////////////////////////////////////
   >  .catablog-gallery.catablog-row .catablog-
   > title { width: 100%; } ///////////////////////////////
 * Let me know how you go.
 * Regards
 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-gallery/#post-5374826)
 * Hi jhnpldng, have you being able to resolve your issue?

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

The topic ‘Responsive Gallery’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/catablog_f7f6f7.svg)
 * [CataBlog](https://wordpress.org/plugins/catablog/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/catablog/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/catablog/)
 * [Active Topics](https://wordpress.org/support/plugin/catablog/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/catablog/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/catablog/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * Last activity: [11 years, 7 months ago](https://wordpress.org/support/topic/responsive-gallery/#post-5374826)
 * Status: not resolved