Portfolio columns stack

[FruitbatDesign]

Hello,

Thanks for another great theme.

I am experiencing an issue where the portfolio section from the SPB will break across 2 rows when it shouldn’t (screenshot attached).

Specs:

Content width is set at 1240px in theme options
Screenshot attached is at full screen, but the issue occurs at various widths
I’m using a MacBook with Retina (1280px width), Firefox & Safari
No unbundled plugins are installed.

Kind Regards

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Try adding this to your custom css:

.browser-ff .portfolio-item.col-sm-4 {
  width: 33.3%;
}

– Kyle

[FruitbatDesign]

This reply has been marked as private.

[Kyle – SUPPORT]

Sorry should be:

@media only screen and (min-width: 1024px) { 
  .browser-ff .portfolio-item.col-sm-4 {
  width: 33.3%;
}
}

– Kyle

[FruitbatDesign]

Hi Kyle,

This fixed the issue at the widths close to full screen, but it now breaks at many of the smaller dimensions. Screenshots attached.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Try reducing the min width to 769

– Kyle

[FruitbatDesign]

Thanks, all fixed.

[Kyle – SUPPORT]

Great 🙂