Making the WP gallery Responsive

[mark1mark]

Hi everyone, I am using the Outreach theme, which is one of the many responsive themes, The site is http:www.wp.elzohar.com 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.

Thanks

Mark

[dabyrom]

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.

[mark1mark]

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

Mark

[Author]

Posts