Tablet And Mobile Views

[Ivette Palomo]

Greetings!

The slider section of my front page only is not centered in the tablet and mobile views.  As a result I cannot see the text in full and the picture will not show the person.  How can I fix that?

Thank you for your help.

Ivette

[Andy]

Can you please let me know the URL of your site, and I’ll be able to take a look and advise further.

Thanks.

[Ivette Palomo]

sorianoforcongress.com

Thank you.

[Andy]

It looks like you have added your own custom CSS:

.slide-caption {
    width: 1800px;
    margin-left: -650px;
}

This is making the slide text area a fixed size and position, so it doesn’t resize to smaller screens.

I would recommend you to try something like this instead:

.slide-caption {
    width: 100%;
    margin-left: -50%;
}

[Andy]

To make the person in the image appear centered when the screen goes narrower, please try this Additional CSS:

.home .slide-count1 {
    background-position: 83% center;
}

[Author]

Posts