Question Dragonbyte Shop Grid

[Invader-Games]

Hello, I am looking to change the shop grid from x2 rows across to 3. Is this possible? If so where should I look? Cant seem to find the option. Thanks in advance!!!

 

[NikitOS]

Your screen is narrow to display in three columns.

As an option, (possibly a “crutch”) adjust the width of each grid cell through extra.less for each screen width so that the cells fit on the screen, but I do not see much sense in this:

@media (max-width: 1160px) {
  .itemList-item-grid {
    max-width: 240px;
  }
}

@media (max-width: 1100px) {
  .itemList-item-grid {
    max-width: 220px;
  }
}

@media (max-width: 1040px) {
  .itemList-item-grid {
    max-width: 210px;
  }
}

@media (max-width: 1005px) {
  .itemList-item-grid {
    max-width: 205px;
  }
}

 

[Invader-Games]

Thank you for the fast reply @EnIKoV and for your time . Sorry if the screen shot gave the wrong impression, that was just a small portion of the screen. However, even in the screen shot it shows more than ample room that is empty to the right of the products that would be filled in nicely by another row.




Since making the post, I found another website that is using DBS and has in fact 4 rows across: But you are correct in the sense that his are a bit smaller when it comes to the blocks. But notice his also has a big empty space off to the right.




So this makes me assume its possible to achieve what I'm looking to do.

 

[NikitOS]

Maybe someone will suggest a different method, but I still remain with my method from the previous post.
A product cell does not fit in that empty area, because its width is larger than that area.
Unless to reduce the width of the cell at size X, so that they fit as you want.

Since making the post, I found another website that is using DBS and has in fact 4 rows across:

The number of rows depends on the width of the screen; there may be more than four

 

[Fillip H.]

CSS tweaks are indeed the correct solution if you need to reduce the width of each of the blocks

 

[DragonByte Technologies]

Hello @Invader-Games,

We hope your ticket regarding DragonByte Shop has been addressed to your satisfaction. This ticket has now been scheduled to be closed.

If your ticket has not been resolved, you can reply to this thread at any point in the next 7 days in order to reopen the ticket, afterwards this thread will be closed.

Please do not reply to this thread if your ticket has been resolved.

Thank you.


- DragonByte Technologies, Ltd.

 

[DragonByte Technologies]

Hello @Invader-Games,

As we have not heard back from you, your ticket regarding DragonByte Shop has now been closed.

If your ticket has not been resolved, please feel free to start a new support ticket and link back to this ticket.

If you have time, please leave a review on XenForo.com's Resource Manager.

Thank you.


- DragonByte Technologies, Ltd.