Hi
We have an alternative text box in 3rd footer widget to display only in mobile and tablet sizes. It contains four partnership logos. We are trying to get these images to align side by side but centred horizontally within the widget, however everything we have tried does not work it is always left aligned. Have tried with aside / content-align / text-align options but there must be inherited css conflict somethere – can you help?
link below
Many thanks
Hey mvglaB,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
#text-13 p img {
width: 25%;
}
}
Best regards,
Rikard
Thanks Rikard – sorry this hasn’t made any difference?
Hi Rikard – apologies – see below
Try this
Rikard – I resolved this, I set a div within the text box widget and used css display: flex;.
Also, changes to child theme were not being displayed. Resolved by switching to parent then back to child.
You can close this thread. Thank you
Hi,
Great, I’m glad that you found a solution, and thanks for sharing. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
