Making the WP gallery Responsive

Community Forums Forums General Discussion Making the WP gallery Responsive

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  mark1mark 2 years, 8 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #25490


    Hi everyone, I am using the Outreach theme, which is one of the many responsive themes, The site is and on the site there are 5 galleries.

    I am using the standard WordPress gallery as it’s clean and simple but unfortunately not responsive. I gather to make the gallery responsive you need to change “Something” from set pixel width and use percentages in there place.

    Can anyone clue me into what the “Something” is please.

    With 22 Responsive themes available from Studiopress, wouldn’t it be awesome if they built a Genesis Responsive Plug in.

    I have used the Genesis Rsponsive slider and that is a great bit of kit and beautiful in action.

    Your help in this will be greatly appreciated.





    Hi Mark,

    Go into your css style sheet and scroll to the very bottom.  On line 2323 you will see: @media only screen and (max-width: 400px)

    Skip down a couple lines and add the following code:
    #gallery-4 .gallery-item {
        float: none !important;
        width: 100% !important;
    Now go up to line 2256 and see: @media only screen and (max-width: 600px). Add the same code a couple lines below.

    Voila! Responsive.



    That’s really cool, thanks for the time you took to answer my question


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

You must be logged in to reply to this topic.