Client Logo Left Align

[timeastman]

Hi There,

When viewed at full browser size the client logos are centrally aligned but when shrunk to certain sizes including mobile they align left and leave an awkward looking space to the right.

Could you please tell me how to make them always sit centrally on the screen.

Many Thanks

Tim

[Mohammad – SUPPORT]

Hi,
I see that its always at right align on full browser size desktop. After shrink , it get center position. Why is it apposite at my side ?
.
Thanks

[timeastman]

Hi,

Here’s how it appears to behave on Google Chrome, Firefox, Safari and Rocketmelt on a Mac;

7 columns (full broswer) = Centralised
6 columns = Almost centralised, sits slightly off centre to left
5 columns = Centralised
4 columns = Left aligned
3 Columns = Left Aligned
2 Columns = Left Aligned

I’ve attached a file of screenshots to show you,

Kindly investigate and get back to me

Thanks

Tim

[Mohammad – SUPPORT]

Hi,
What do you mean by Centralised ? I see that its right aligned and you say that its Centralised .
Thanks

[danigorgon]

Hello timeastman, not trying to hijack your post 🙂

Hello Mohammed, I face similar issues on my website too. Here is the screenshot of it. When we resize the window to smaller device sizes, the logos get realigned but they leave white space more to the right side OR as timeastman said, the logos get aligned to left.

I have also noticed, when the ‘Clients’ set to 1/2 page size and with text widget set to 1/2, the logos get aligned to left, thereby leaving blank space to right.

[timeastman]

Hi Mohammand,

Sorry if it isn’t clear what I mean. I have attached a pdf with annotations showing exactly what is happening.

Thanks

Tim

[Mohammad – SUPPORT]

Hi,
My colleague, Kyle will assist you very soon.
Thanks

[danigorgon]

Hi looking forward to your help 🙂

[Kyle – SUPPORT]

Hi

Not sure about this one, think it might not be possible to centre the items all of the time. Will forward to the developer, sorry about the wait

– Kyle

[Swift Ideas – Ed]

Hey guys,

Just add this custom css, and it should then maintain central alignment for the items.

ul.clients-items {
text-align: center;
}
ul.clients-items .client-item {
float: none;
display: inline-block;
}

Hope that helps.

– Ed

[timeastman]

Worked like a dream!

Thank you for exploring this and finding a solution.

[Kyle – SUPPORT]

Great! Hats off to Ed

– Kyle