Slider css responsive fix
- or -
Post a project like this3093
$$
- Posted:
- Proposals: 10
- Remote
- #937720
- Completed
★ WordPress Developer ★ Magento2 Developer ★ Opencart Developer ★ Prestashop Developer ★ Shopify Developer ★ Ecommerce Developer
Islamabad
PPH #1 Service Provider in Development & IT : Wordpress|Magento|React Native|Mobile App Development|Angular|Node.js
Mohali
Laravel, Vue.js, Python, Machine Learning, Computer Vision, NLP, Shopify, Wordpress, PHP/MySQL, REST APIs, Payment Getewasy(Stripe,Paypal), Bootstrap, Sass, Less, Logo Design
Islamabad
Web Design & Development(Shopify/WordPress/Wix/PHP/HTML/CSS/Magento)SMO/SMM/SEO
Kolkata
78558212834224939930839674815086705990688793126410083431049220
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