Hi
On mobile my site loads with featured collections section featuring only one column, which causes inconvenience when scrolling. On PC it’s standard and looks good with multiple columns.
I have tried adding some code to my website from other posts but none of have produced an effect.
I’ve noticed another fellow online shop using the same venture theme has solved the issue that features 2 Columns on mobile but it appears I cannot
My store URL: https://vapedepot.co.uk/
Their store URL: https://www.royalvapes.co.uk/
If you know how to edit the css file, you could try adding:
@media screen and (max-width: 749px){
#collection-list-grid .grid__item{
width:50%;
}
}
Hi there,
Thanks for your kind help. It has worked. However, the font is not in the middle of the collection image. Is there some code to rectify that? I understand I’m being picky, but is there a code to reduce the length of the collection images vertically and make the font in the middle aswell, similar to the competitive site. Regardless, this has helped so appreciate it.
This poor theme must be so old, I haven’t seen the techniques used here for years.
The short answer would be to make sure all the images that you upload for the products are the same aspect ratio, ie all a square. The long answer would be to overhaul the theme or get a new one.