Margin in gallery shifting

Misfit79

Hi all,
Thanks for your help in the past, However I have another issue I am hoping you folks can assist on.

My in gallery margins seem to be shifting to the right when in vertical mode on devices that are 800 pixals wide (possibly on other devices as well). In horzontal mode its works fine. I used the check my website resolution site but it does not show a problem. I am on an android device using chrome.

Thanks for your help!

Rory
Www.rjsalpinephotography.ca

Hikin' Mike

Looks like it's only doing that when the screen is between 737px and 799px. You're hiding a left menu:

@media only screen and (min-width: 641px) and (max-width: 799px) {
.sm-page-layout-region-left {
    display: none;
}
}

I would remove the menu and the code and see if that fixes it.

Misfit79

The left menu is for mobile, header menu disappears and mobile menu replaces it. But the gallery seems to think it is still there even when the screen is wide enough, when in vertical mode. I just cannot get my head around why this only happens in the galleries. The menu is not showing, so thats ok, however the gallery still shifts right as though it was.

Hikin' Mike

Why do you need two menus?

Have you looked at your site here: http://quirktools.com/screenfly/#u=http://rjsalpinephotography.ca&w=1024&h=768&a=1&s=1

Your top nav need attention too.

Misfit79

I have looked on that site it is very useful.
The reason for two menus is that the the top links of my menus are just drop downs(no hyperlink), so on the default mobile site, the menu does not do anything since mobile menu does not include said drop downs. So I created a second menu to customize what would show on mobile, it still needs work but its the right shift that I do not understand. When hiding the mobile menu, the galleries should be shifting left. It does it in vertical, but not horizontal.

Hikin' Mike

I'm 99% sure the issue is because of the left menu, regardless being hidden or not. I would remove it and see what happens. If that fixes it, and you still need two menus, add another under the top menu using the same code to hide.

Misfit79

Ah that makes sense, I will test that in the morning and respind here. Second question, since you mentioned it; is there a way to scale the main menu without it overlapping the logo on small displays?

Misfit79

Thanks Mike, That fixed most of the issue, will post other question in the forum for the other.