client Logo Display Problem on Mobile

steven_lidi

when those client Logo Display on mobile, there is a Problem to show them, to be suitable to the mobile screen. could you please kindly advise to tackle? thanks

abhishek

Hi steven_lidi

We are unable to see you attached screenshot please attached this again.

Thanks

A

steven_lidi

please see this attachment, thanks. @abhishek

imraz

Hi,

You have used different image size for different client images. In the demo site we have used the standard size of image for all clients i.e. Width - 140px and Height - 60px

Either use the standard size of image or just use image of same size for all the clients other wise the working results would not yield the proper display.

Thanks

steven_lidi

what if I set all client logos' height is 60px, but width of them varies. is that ok too? @imraz

imraz

Hi

Try with the below CSS to paste in the custom CSS box:

/*client image height*/

#clients li img{

height: 60px !important;

}

/*client image height*/

Let me know did it work!

Thanks

steven_lidi

thanks for this kind offering, but I like to manually change them for better response.

imraz

Hi,

Is your query resolved or you asking about the file name from where to change this CSS? 

steven_lidi

but still no good looking at the mobile side. @imraz

imraz

As I see the CSS not applied for height. After putting the CSS it would look like somthing: http://prntscr.com/lljsdi

imraz

Replace the above with this:

/*For only Mobile: client image height*/

@media only screen and (max-width: 480px) and (min-width: 200px){

.flexslider .slides img {

    height: 60px !important;

}}

/*For only Mobile: client image height*/

steven_lidi

".flexslider .slides" or "Client logo" or something other?

imraz

#clients li img and .flexslider .slides img

Both are referencing classes you can use any, please copy & paste the CSS and then check & let me know please.

steven_lidi

how to differentiate them from those images in the top slider area?

imraz

Sorry! it's my mistake @steven_lidi

It was to write:

/*For only Mobile: client image height*/

@media only screen and (max-width: 480px) and (min-width: 200px){

#clients li img{

height: 60px !important;

}}

/*For only Mobile: client image height*/

steven_lidi

thanks, no big deal. did, worked.

steven_lidi

you may close this ticket, meanwhile, I have one more ticket for you to kindly take care of at https://webriti.com/support/discussion/8173/wh-those-spaces-show-on-homepage

@imraz

thanks

imraz

Glad to help you @steven_lidi

I have replied for this:

https://webriti.com/support/discussion/8173/wh-those-spaces-show-on-homepage

Thanks