Edit History

Hi 😃,

I am a begginer and I use Prestashop 1.7. My website is: Goodbrand.fr

On desktop and tablets my slider is good but on MOBILE, it is to small as you can see on the photo:

My question: How can my slider be center on each screen size ? 

What I have done in localhost: 

@media (min-width: 321px) and (max-width: 500px) {

#index .nivoSlider img {
left: -320px
}

#index .nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 290% !important;

THIS IS THE RESULT I WANT ON ALL MOBILES

THIS IS THE RESULTAT I HAVE WHEN I CHANGE THE SIZE OF THE SCREEN

Thank you for your help, 

😎

Hi 😃,

My problem is certainly easy to resolve for most of you, but I am a begginer..

I use Prestashop 1.7

On my mobile version of my web site: goodbrand.fr my main slider is to small so I wanted to make a zoom on the image only on mobile.

MY PROBLEM: When I am on a 375px screen, it works but when I am 425px screen it moves etc..

MY QUESTION : How can I center my image between a 321px screen et 500 px screen ?

What I have done in localhost: 

@media (min-width: 321px) and (max-width: 500px) {

#index .nivoSlider img {
left: -320px
}

#index .nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 290% !important;

Thank you for your help, 

😎

Hi 😃,

My problem is certainly easy to resolve for most of you, but I am a begginer..

On my mobile version of my web site: goodbrand.fr my main slider is to small so I wanted to make a zoom on the image only on mobile.

MY PROBLEM: When I am on a 375px screen, it works but when I am 425px screen it moves etc..

MY QUESTION : How can I center my image between a 321px screen et 500 px screen ?

What I have done in localhost: 

@media (min-width: 321px) and (max-width: 500px) {

#index .nivoSlider img {
left: -320px
}

#index .nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 290% !important;

Thank you for your help, 

😎

Hi 😃,

My problem is certainly easy to resolve for most of you, but I am a begginer..

On my mobile version of my web site: goodbrand.fr my main slider is to small so I wanted to make a zoom on the image only on mobile.

MY PROBLEM: When I am on a 375px screen, it works but when I am 425px screen it moves etc..

MY QUESTION : How can I center my image between a 321px screen et 500 px screen ?

What I have done in localhost: 

@media (min-width: 321px) and (max-width: 500px) {

#index .nivoSlider img {
left: -320px
}

#index .nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 290% !important;

Thank you for your help, 

😎