Hi
Thank you for your reply. I realsied I actually wanted to change the Populars module in the Spotlight-tp-1 position. I was able to resolve this by removing the max width value on the media query and changing the value from 50% to 49.9% in the template.css file so it now shows as @media (min-width: 992px) {
.populars-list > .row .col-md-6 {
width: 49.9% !important;
}
}
However the grid seems to be slightly off all the way through the template. For example, in the template - style-layout menu, I have footers 1,2,3 & 4 set to "3" each on large screens, however it still shows 3 modules on one row and the last module on a seperate row below. When I go the width value and change one of the modules from 25% to 24.9% using the web inspector it shows all modules on a single row. (i.e.just slightly less than the 25% like I did with the popular module list above). Another example is on the contact us page, the width of the address and phone boxes are set to 33.33333333% and it displays as two boxes on one row and the third on the last row however again if I set it to 32.333333% then the boxes show all on a single row.
Is there an easy way to modify this so that the bootstrap displays the correct number of columns on each row please?
I hope this makes sense and I look forward to hearing from you soon.
Kind regards
Andrew
