Adjusting the product grid to have 5 in a row instead of 4

Highlighted
Shopify Expert
2686 67 694

One more thing -- you're currently paginating by 75, which will make it look non-uniform on mobile (rows with only one product) when "load more" clicked, since 75 is not divisible by 2. You should paginate by something divisible by both 5 and 2.

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
0 Likes
Highlighted
New Member
11 0 0

Been trying to change the paginating however not seeming to get it to work, I managed to get two on a line in mobile view however every 5 products it would leave an empty box before getting to the next line.

0 Likes
Highlighted
Shopify Expert
2686 67 694

You have to get rid of those <br class="clear"> elements...

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
0 Likes
Highlighted
New Member
11 0 0

When all <br class="clear"> are removed it corrects the grid on mobile view however messes up the web view layout.

 

 

0 Likes
Highlighted
Shopify Expert
2686 67 694

Hi Onur

it works fine if I do all of this to your site in my browser.

Can you apply the mods I suggested to an unpublished copy of your theme and share the link to it here (right-click th eye button and select copy link address)?

  1. remove <br class="clear">
  2. add CSS code
  3. change pagination to divisible by 10.
Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
0 Likes
Highlighted
New Member
11 0 0
0 Likes
Highlighted
Shopify Expert
2686 67 694

Ok, this copy of the theme is missing the closing curly brace right above the "Website amends" comment.

That's why my CSS rules did not fire at all.

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
1 Like
Highlighted
New Member
11 0 0

Wow Tim, Thats absolutely excellent.

Totally appreciate your help, worked our very well in the end.

0 Likes
Highlighted
Shopify Expert
2686 67 694

Glad we made it! Thanks.

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
0 Likes
New Member
4 0 0

These ans are all wrong. Shopify community is a waste of time. Try looking at other websites that use shopify, source and  inspect their codes, use your best judgement. command +F ... Can be tedious otherwise hirer an expert who has experience. Google helps too. copy and paste code terms sooner or later you will figure it out 

0 Likes