client logo section

[Rocio]

Hello,
The “I work With” section is not working correctly. The logos displays in a carrusel and every time i click the arrows so each picture/logo can move, the pictures move so quick, especially when viewed on mobile. Also the moving arrows overlap a little, and on mobile view the arrows display half way.
** It will be great if you could give me a code where i could just display the logo images in a static way horizontally. I just need to display at least 6 small logo icons to showcase my clients.

Website: https://minegocioexitosousa.com
Theme: Wedding Videographer

Thank You so much for your kind help!
Roci =)

Here is the code i am currently using to display the logos,

[client_area]
[client url=”#” image=”https://minegocioexitosousa.com/wp-content/uploads/2018/03/23621308_2005451109735579_7799582862267681360_n.jpg”]
[client url=”#” image=”https://minegocioexitosousa.com/wp-content/uploads/2018/03/imageedit_8_2266558483.png”]
[client url=”#” image=”https://minegocioexitosousa.com/wp-content/uploads/2018/03/imageedit_6_2950055833.jpg”]
[client url=”#” image=”https://minegocioexitosousa.com/wp-content/uploads/2018/03/imageedit_4_7729964904.jpg”]
[/client_area]

Here is a screen shot of how the arrows look on mobile view,

https://imgur.com/gallery/nxygv

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.home5_section_area .client_area .bx-wrapper .bx-controls-direction a { top: 130px !important;}
}

Regards,
Chris

[Rocio]

Hello Chris,

Thank you for the code. On desktop view the arrows overlap a little, but on mobile the arrows now look fine, And on mobile every time i click the arrows so the pictures can move, The picture moves one by one, then it takes me back to the first picture, then if I click again it will take me to the second picture and then back again to the first picture. Is there a way that the pictures can move one by one, without having to go back to the first picture (this happens only on mobile view) ??

Thank You,
Roci ; )

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.client_area .bx-wrapper .bx-next { right:46.2% !important;}

Regards,
Chris

[Author]

Posts