
Slider css responsive fix
- or -
Post a project like this3375
$$
- Posted:
- Proposals: 10
- Remote
- #937720
- Completed
★ WordPress Developer ★ Magento2 Developer ★ Opencart Developer ★ Prestashop Developer ★ Shopify Developer ★ Ecommerce Developer

Laravel, Vue.js, Python, Machine Learning, Computer Vision, NLP, Shopify, Wordpress, PHP/MySQL, REST APIs, Payment Getewasy(Stripe,Paypal), Bootstrap, Sass, Less, Logo Design

Web Design & Development(Shopify/WordPress/Wix/PHP/HTML/CSS/Magento)SMO/SMM/SEO

♛ Most Trusted #1 Team |19+ years of expertise in Website, Mobile Apps, Desktop & Console Games. Wordpress, ReactJS, Shopify, Laravel, Python, React Native, Flutter, Unity, Unreal Engine and AR/VR




78558274815010083431049220249399931264867059906887308396128342




Description
Experience Level: Intermediate
General information for the website: Simple slider needs css fixed
Kind of development: Customization of existing website
Description of requirements/features: I am working on a page and have had some problems making the slider responsive/ display well across devices.
Images are landscape as I'm developing primarily for desktop but I want the slides to display as best possible across devices whilst maintaining the aspect ration of the images.
I want the height to appear roughly 100% of opened window and width roughly 100%. I am happy for overflow to be hidden and don't want the image to scroll horizontally on touch (the slides obviously scroll automatically which is fine) on a mobile phone device and show white space.
So, for example, on desktop it currently works ok just needs tweaking to make sure:
- width is always 100% and height 100% and images are centred so anything that goes beyond (left,right,top,bottom) is just hidden.
Tablet in portrait:
- same as above
On a mobile device in portrait:
- width should be 100% and height 100% and no whitespace below. It basically means ensuring the containers are also responsive and the code is clean.
Extra notes: Should be an easy job for someone who knows what they are doing
Kind of development: Customization of existing website
Description of requirements/features: I am working on a page and have had some problems making the slider responsive/ display well across devices.
Images are landscape as I'm developing primarily for desktop but I want the slides to display as best possible across devices whilst maintaining the aspect ration of the images.
I want the height to appear roughly 100% of opened window and width roughly 100%. I am happy for overflow to be hidden and don't want the image to scroll horizontally on touch (the slides obviously scroll automatically which is fine) on a mobile phone device and show white space.
So, for example, on desktop it currently works ok just needs tweaking to make sure:
- width is always 100% and height 100% and images are centred so anything that goes beyond (left,right,top,bottom) is just hidden.
Tablet in portrait:
- same as above
On a mobile device in portrait:
- width should be 100% and height 100% and no whitespace below. It basically means ensuring the containers are also responsive and the code is clean.
Extra notes: Should be an easy job for someone who knows what they are doing

MD87 ..
100% (35)Projects Completed
31
Freelancers worked with
28
Projects awarded
31%
Last project
10 Feb 2024
United States
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies