I have the next issue with the mobile version of my site, where I have been working on updating Additional CSS, but now I have the issue shown in the image. The Experian logo is on top of another one, and I need “Experian” on the right, and words/paragraphs are underneath the three logos. This is the CSS I have for Experian and the paragraph :
.logos-wrapper img[alt=”experian”]{
margin-top: 0;
margin-right: 0;
}
.step3-text{
margin: 10px 0;
flex-wrap: wrap;
}
p {
text-align: center;
padding: 0 10px;
}
https://preview.redd.it/cc1ua8gdo33d1.png?width=556&format=png&auto=webp&s=c8de798e3163035a676d9f359c9338459f76704b
Any idea on what am I missing? I have made changes to the CSS but whatever I change, does not show any changes when I test it on my phone.
[ad_2]
If you have 2 images inside you can use ` flex` to make them left and right.
Suppose the `.logo-wrapper` have 2 images inside it. You can use this css:
“`
.logo-wrapper{
display:flex;
align-items:center;
justify-content: space-between;
}
“`
Make sure that the images are set to `display: block;`