How to align some slider collection section (VENTURE THEME)

Hi there community! i managed to create some slider collection section, but i want to left it like example i’ll post below, is it possible to get like it?

I want to show starting of second collection image like example, cause people will see better, there is a slider..

and here is my url preview: https://ljhaayfm555k6pbs-53196980409.shopifypreview.com

in advance, thanks to anyone! any file or needed just tell me :slightly_smiling_face:

Hello @SHIBdev ,

You can apply small css code in to your css file.
i,e edit → assets → theme.scss.liquid

At the bottom apply this code

@media only screen and (max-width: 749px) {
.template-index #collection-list-grid .grid__item.medium-up--one-third {
	width: 90%;
}}

Your collection section looks like

@oscprofessional it works like a charm sir! thanks you!

@SHIBdev you are most welcome.

Also I can see your website design is really nice but your website performance speed is low.

You need to work on your website performance’s speed as I am also seeing it is very low. Low mobile page speed may kill your traffic and affect your conversion.

In order to Improve website speed we need to:

  • Remove unnecessary code on a high priority basis.
  • Compressed images or Defer offscreen images.
  • Web Pages need to be Minified.
  • Reduce JavaScript execution time
  • Minimize main-thread work
  • Beware of excessive liquid loops
  • Decrease thumbnail image size
  • Weigh the benefits of installing another app

By fixing these issues, your website speed score can definitely improve.

For more details please check and select the plan you wish to select -
https://www.oscprofessionals.com/shopify-performance-optimization/

in advance @oscprofessional thanks for your post! we have this on mind, cause we need help on it! we will keep contact you!

anyway i got a issue with that last modification, i saw this on mobile (Safari and chrome IOS) is something like a border between that images :


can you help me to remove that? curiosly it disappear on chrome - mozilla dev viewer.. just appear on real mobile view

@SHIBdev Need to test this on different devices. Every device has there own CSS hacks, Its time consuming task.