Issue with text align left in mobile version of footer

Hi David,

It's because the WP paragraph block is set to align right.
https://www.screencast.com/t/qFVqX4isoyE

I would recommend to replace the paragraph block with Headline block from GB, choose p as the element.
https://docs.generateblocks.com/article/headline-overview/

Then you'll be able to control the alignment on different devices.

Let me know :)

Ah, thank you Ying - that worked perfectly!!! I'll make sure to use headline blocks instead of paragraph blocks next time so I have that alignment flexibility.

Great! You are very welcome :)

Hello. I'm having the same problem trying to align the .footer-widget-1 and .footer-widget-2 on this test site. http://sym.loungemedia.com.ar

In .footer-widget-1 I put the copyright year and name of the company and in .footer-widget-2 I have a png image.

I can't make the footers align to right and left in desktop and all left in mobile version. So, now the two widgets looks like the image above from David

Can you take a look at that?

Hi there,

are you trying to make it look like this?
https://share.getcloudapp.com/v1ubgpn7

If yes, try adding this CSS:

@media(max-width:768px){
.inside-footer-widgets > * > .widget {text-align: left;}
}

Haha thank you Elvin for quick reply! At last I solved this issue with this code

@media (max-width: 768px) {
.site-footer .footer-widgets .footer-widgets-container,
#media_image-3 {
text-align: left;
}
I also realized that works with your piece of code too.

Ah yes of course that works as well. And that's more specific.

Mine was broader. It was written in case you need ALL the footer widgets to be aligned to the left.

Glad you got it sorted. No problem. :)