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 1 year, 6 months ago.

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

    mark1mark
    Participant
    Post count: 3

    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

    #25764

    dabyrom
    Participant
    Post count: 17

    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.

    #27578

    mark1mark
    Participant
    Post count: 3

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

    Mark

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

You must be logged in to reply to this topic.