Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

horizontal scroll with mouse wheel


RubenAlza

Question

Hello guys!

I got a question. I've seen this capability on Format pages before. is it possible to have a horizontal scroll with the mouse wheel on the homepage? 
example, like this one https://www.ameliaallenphotography.com/

you enter and you have an amount of images in front of you to which you scroll at your own pace.
as of now i have a page created already. www.rubenalza.com and would like to see if i can rebuild my page and incorporate that thing.

 

thank you.

Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

3 answers to this question

Recommended Posts

  • 0
On 2/4/2021 at 5:11 AM, tuanphan said:

Hi. Have you solved this yet?

I have seen this effect in squarestylist (not sure).

If you still need to help, I will check again.

hi! thank you for responding

Here's the thing. I'm trying to emulate the same effect Format.com pages have when set as horizontal gallery for desktop and mobile version.

as you can see on my page i have manage to reduce the padding for the carousel on the desktop version but it only moves automatically, no scrolling with the mouse horizontally nor with the arrows on my keyboard.  when set as mobile it shows very small images. i wish to have it bigger like with the format.com version

my page is rubenalza.com and yes im trying to emulate this www.ameliaallenphotography.com/

thank you.

SQS.jpg

frmt.jpg

Link to post
  • 0
On 2/4/2021 at 5:11 AM, tuanphan said:

Hi. Have you solved this yet?

I have seen this effect in squarestylist (not sure).

If you still need to help, I will check again.

 

i managed to use this code 

@media screen and (max-width:640px) {
.homepage {
    .sqs-gallery-design-strip {
      overflow: visible;
      height: 270%; 
    }
}
}

and on the mobile version it does increase the size of the carousel and it shows every single image but its cut off in half ... 😞
is there any way to resize the whole carousel page so it shows the whole image?

the code that i just used will it affect only this carousel or all carousels? is it possible to target an specific carousel? 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...