Banner slideshow works perfectly on Desktop but does not want to resize for mobile. Could anybody take a look?

Site URL: https://www.questiongamification.com

Hi all,

I've been updating my custom banner slideshow and for some reason the images won't resize for the mobile version of my site. Same thing goes for the buttons on the banners, I wish I could resize them to become smaller for mobile.

Is there someone who could help me out? I'd appreciate it immensely!

- Laurens

I would also be happy to remove/hide the sections which comprise the banner on the mobile version. If anybody has any tips on how to do that without affecting the desktop site I'd be really grateful!

It looks like you hide it on mobile. Do you still need help resize it?

No thank you Tuanphan. Appreciate the help though!

On 6/24/2021 at 7:20 PM, Aeduuin said:

No thank you Tuanphan. Appreciate the help though!

The site has some problems. Do you want to fix these?

Site URL: https://www.questiongamification.com/

1. (Tablet – Homepage) Make 3 buttons are equal

2. (Desktop – Header) Make menu items are the same line

3. (Mobile/Tablet  – Research ) Remove line

https://www.questiongamification.com/research

4. (Mobile) Align center text in pop-up window (Like desktop version)

5. (Mobile) In desktop, sign up button of pop-up is dark blue but in mobile version it is black.

6. (Desktop – Homepage) There is scroll bar at bottom of site

7. (Mobile – Footer) English button overlap on social icons

8. (Tablet – Homepage) Right and left margin have a big gap make content is a bit narrow. Do you want increase content width?

9. (Tablet/Homepage) Material Previews on desktop are 2 items/row, but on tablet only show 1 and it’s too big. Do you want change to 2 items/row like desktop, it will look better.

10. (Mobile – Overlay Menu) English button overlap on another button

11. (All devices – homepage) Images don’t show in full size and “coming soon” button are cut off