Blog isn't Masonry. Responsive problems.

Hey There!!!

Okay, I’m guessing the Genesis issues have something to do with the gallery shortcode not appearing in the traditional WordPress content box. I’ve seen this happening with plugins and themes that are using custom editable regions vs. the organic content editor. It’s typically fixable by removing a few lines of code from one the plugins PHP files. How comfortable are you with some very minor PHP tweaks? If you are fine with them, I’ll post the instructions ASAP. Also, if it’s possible for you to link to an example of the the plugin not working that is also very helpful.

As for your sidebar issues, it looks like Masonry does not like the sidebar container width being defined by setting up a right margin in the CSS for the main content area . Here is a link to a screenshot that shows the two CSS properties that aren’t playing well with Masonry: https://www.dropbox.com/s/3y4g39rlfzlv2ag/Screenshot%202015-01-21%2015.15.18.png?dl=0

Ideally you should give each container it’s own width.

OK, I’ll give the PHP tweak a go, thanks!!!

What I mean by it not working is the styling is not taking hold, it doesn’t look like Masonry. It’s Genesis’ Blog template that has the styling issues: https://cb.profoliolive.com/blog/

Sidebars, getting me dizzy! The body.content-sidebar .content If I’m not mistaken, is for the right sidebar. So, body.sidebar-content .content is for left sidebar, how I have it set up now. https://drive.google.com/file/d/0B_j_l4FBkfb3WlVsTW1nTVllTlU/view?usp=sharing I don’t know where the margin-right: 290px is from, nothing I can find is set to 290px.

Do you think this a theme/child theme issue?

https://cb.profoliolive.com/blog/ Messed up on the blog page but when you click on a Post it looks fine…

Doh! I forgot to mention, the issue with the dropping down sidebars is not really an issue in Firefox. It’s not perfect, it does not respect the margin/padding between the gallery and the sidebar but right as it touches the gallery thumbs move to adapt.

webkit issue?

It could totally be a webkit issue. Here is a link to a Gist with the php code that will allow the plugin to always fire: https://gist.github.com/phoenixMag00/34fdf092d5c98c9f72f0

Replace the code in the folder: /functions/three-dot-nine.php

I’ll look a little bit more at the sidebars when I have chance later on.

Thanks!

YES! Looks perfect in the Blog! Now, those damn pesky sidebars….

Thanks again!

Hi,

I’m hoping that you’ve had some time to look into this Sidebar/Responsive issue I’m having. Please, any ideas??

Again, works fine in Firefox but problems in Chrome and Safari.

Test links:

Masonry galleries: https://cb.profoliolive.com/category/wp-gallery/ ( sidebar drops down when resizing browser smaller)

Non-masonry page: https://cb.profoliolive.com/another-hello-world-post/ (works as expected)

Thank you!!

Hey man,

I really think the following CSS need to be tweaked to get the column to collapse correctly:

@media only screen and (max-width: 4000px) and (min-width: 1060px)
body.override .sidebar-primary {

     width: 234px;
     margin-top: 0px

}`

And

@media only screen and (max-width: 4000px) and (min-width: 1060px)
body.content-sidebar-sidebar .sidebar-primary, body.sidebar-content-sidebar .sidebar-primary, body.content-sidebar .sidebar-primary {

     margin-left: -260px

}

Tinkering with the width on top and the negative margin on bottom should get everything working correctly.

Good luck!