I'm editing one of the pages on the new site that I rebuilt and went live on May 16th.

When I built the site I used the last version of RLM and have since upgraded to the latest version.

I edited a page that had a picture gallery and added four individual pictures below the gallery. Reset the gallery to show until it gets down to phone size and then the four pictures show and the gallery is supposed to be hidden.

I've reworked this four times and still can't get it to work.

No, I don't have a link up on the web. I have to leave for about two hours and will put up a screen capture of what's going on. If I can get it up on the web I will.

Either I've gone braindead or there's something else going on with RLM. Maybe a conflict since the update?

A link to share would make this much easier. It would only be speculation but when you added the new photos did you use only <li> or <uL> and <li>?

I agree with Eric... a screenshot will not help us troubleshoot this issue. A link would be much better

Just a guess here but did you set the column to display none at the smaller size? You have to be careful with this function. I usually start at the desktop level and hide the element that you want on your mobile phone size layout. This way it will be hidden for all break points lower, then once you get to your phone size breakpoint you can select the element again and change the display to Block or inline Block. Then set the column with your gallery to display none.

Hope that makes sense.

I was thinking the individuals were part of the gallery. I would go back and dbl check your break points.

Sorry I'm late to the party. We had a huge thunderstorm and couldn't turn on the computer.

Here's a link to the page on my test site. It's just the one page and when I uploaded it it now puts the gallery centered like it's supposed to be.

Steve, I did do what you said about hiding at the desktop level and then when I get down to phone size I set it to either inline-block or block. Then hide the gallery at phone size.

Eric, the four pictures are stand alone and not part of the gallery.

I'll go back and double err, quadruple check all my settings and come back with a report.

I guess it would help 'IF' I actually put the link in my post: http://www.mytestblog.net/fish/fish-pictures.html

The four pictures on the bottom are not supposed to show except on phone size and I have the background set as the rest of the content area.

The layout works in RLM when I change to each breakpoint, That's what's strange. I checked the main css and all the settings look correct as far as the display or none on each section on this page.

I have to get off of here. We have more thunderstorms moving in so I'll check back tomorrow morning before I leave for another fun day of delivering mail.

I went through all the html code and it looks good. Checked the css files and they look good. Ran through my breakpoints in RLM and the page works the way it's set up.

I 'MUST' be missing something but just can't see it. I think I'll start over on this page and see what happens.

Try applying the break point display:none to the images.

Ernie, have a look at your DIVs and classes.... if you use Firebug it makes it easier to narrow down these things....
The top photo in the bottom group is within these DIVs:
<div class="row mobile-fish-pictures">
<div class="coffee-span-12 mobile-fp">
Yet the other 3 are within:
<div class="row row-34"> (and rows 35 and 36)
<div class="coffee-span-12 column-25">
Try getting all of them together so you can have one main class or ID that you can set the display rule on.

Check through your CSS for <div class="container gallery-container-1"> to see where it's set to display/not display.

Eric,

I guess being in a hurry I applied the display none to the columns. Thanks for catching that mistake.

Paintbrush,

Thanks for catching that other thing I forgot to double check.

Those things got the page 'almost' back where it should be.

The gallery is in a container. After I fixed the mistakes I had a gallery that was justified left instead of centered. The only way I could get it close is to add a css entry in the custom css file but the gallery is still offset a little to the left.

I tried setting the column, row and container to Block but that hasn't done anything.

The page is up on the link I provided earlier so if anyone can figure out what I may have messed up that would be great.

Thanks.

P.S. I may have to send my new tee shirt back if I keep messing this layout up.