J-BusinessDirectory - Edit Viewport Breakpoints

Hi there, how are you doing...?

I'm trying to edit the viewport break point for the responsive layout cause the images get's scaled to much before breaking and it doesn't look good.

See a example here > Thanks for the help...

Ben 

Hi,

There are 2 options.

1. You can change the grid view style to pinterest style from general settings of extension.
2. You can remove the height from

Hi there, thanks for the quick reply, appreciated...

I don't thin CSS will fix this has it creates other problems > https://www.dropbox.com/s/8fme3clbqdtbkf2/Screenshot%202015-12-10%2010.50.30.png?dl=0

And I really want to keep this style but just want to edit when they break from 3 columns to 2 columns and so on...

My guess is that you are using Bootstrap to manage the responsive behavior...? Am I correct or it's another system...?

Just want to layout to break sooner so the image don't scale has much...

Tks for the help...Have a nice day...!

Ben

Hi,

You can edit file {joomla}/components/com_jbusinessdirectory/include/companies-grid-view-style-2.php and modify on line 63

    <?php if(($index+1)%3 == 0 && count($this->companies)>$index){ ?>

into

    <?php if(($index+1)%2 == 0 && count($this->companies)>$index){ ?>