I know this seems strange, but I have two separate easy sliders right after one another, and the first one is left justifying the image skewing it so that is not centered..
https://donutpaytaxes.com/
It looks fine on desktop and landscape mobile, but in portrait mobile mode, it is not centering the top banner.
If I swap positions, only the first one is not centered.
screenshot
Hey hostworks,
Thank you for the inquiry.
The slider is not resizing correctly on mobile view because of this css code, which limits the height of the images.
@media only screen and (max-width: 767px) {
#full_slider_1 .avia-slideshow-inner, #full_slider_1 img {
height: 200px !important;
margin-left: -50px;
width: 125%;
}
}
You may need to adjust it a bit or remove it completely.
Best regards,
Ismael
The height is not the problem. It’s the centering of the banner on this page.
Unfortunately, I had to put that code in to fix the home page slider orientation.
https://www.the1031investor.com/
No worries, I converted to a color section with image background. You can close, thank you.