Archived topic
Images in footer not aligning properly in mobile
3 replies · Started by Joseph on April 1, 2021
Hello Generate Press team,
I have put 2 pictures in the bottom right of my website footer of the Visa and Mastercard logos. The logos should each be half the width of the above picture and line up neatly underneath it. On desktop this is correct, but on tablet and especially mobile the visa logo moves too far over to the right.
I have looked at all of the settings and endlessly fiddled, but cannot solve this problem.
(Please note, the blocks are paragraph blocks with images in them, I just found it easier to work this way, rather than use image blocks).
Any help would be greatly appreciated
Thanks and regards
Joe
Hi Joseph,
We could add this CSS to make the container to 120pxwidth:
https://www.screencast.com/t/5qeij2wZ
.gb-container.gb-container-b8f7b9b8 {
width: 120px;
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
Then set the Visa and Mastercard logos to 50% width on all the devices.
Let me know :)
Thanks Ying. That worked perfectly.
You are welcome, glad to hear that :)