Resizing window affects employee picture position

Hi all. Thank you for your work on Sydney template, I appreciate it. On this forum I almost always found a solution, but now I have an issue with my single employee picture on the homepage.

This is my website: https://www.giuseppescaletta.it

Browsing the website on my 27" monitor, no problem, my picture is centered. But when the screen in smaller, within a certain range, picture aligns to the left. I have identified this behavior between 970 and 600 pixels wide window (so also on iPad). Under 600 pixels it does not happen, the picture is centered.

Can you help me? Thanks.

Giuseppe

Hi,

Please try to add this CSS code below into Customize > additional CSS

@media (min-width: 736px){
	.owl-wrapper {
		display: flex !important;
		justify-content: center;
	}
}

Regards,
Awan

Hi Awan,

Thanks for your quick answer. Unfortunately it doesn’t work properly. It reduces the gap to a 736-600 pixels range. Farther it brokes the testimonial slider (see picture).

Hi,

I am sorry, I didn’t realize that it will affect to other elements.
To fix this, please replace the code in above with this:

@media (min-width: 736px){
    .widget_sydney_employees .owl-carousel .owl-wrapper {
        display: flex !important;
        justify-content: center;
    }
}

It doesn’t work, exactly in windows between 735 and 601 pixels wide, picture aligns to left.

Hi,

Try this please:

@media (min-width: 618px)
.widget_sydney_employees .owl-carousel .owl-wrapper {
    display: flex !important;
    justify-content: center;
    width: 100% !important;
}

39
It says it could be an error. Should I continue?

Thanks for your help.

My apologize… missing a brackets. Use this instead:

@media (min-width: 618px){
  .widget_sydney_employees .owl-carousel .owl-wrapper {
    display: flex !important;
    justify-content: center;
    width: 100% !important;
  }
}

Hi Awan,

with 618px min-width value the range reduces to 617-601. I tried 600px and it works fine.

Thank you very much to have been patient and for all the help.

1 Like