Footer Menus - Left & Right Footer Menu's + Bottom Copyright

Hi there,

What if you use the footer widgets for the buttons and social icons?

Then we can just use CSS to align the copyright info to the left.

Let me know if this helps :)

Humm.. Ok. I thought there was another way, but, for this specific project, works fine!:-)

BTW,
https://ibb.co/sVWRf4x
It's only possible modify these values via CSS?

Thank tou.

Are you referring to the width?
https://docs.generatepress.com/article/footer-widgets/#choosing-different-widths-for-each-widget-area

Maybe. Yes!
But it's possible control 'grid', 'tablet' and 'mobile' values, individualy? I'm not sure..

You can for sure.

What are you trying to achieve? An example would be easier for me to provide the code.

For example,
generate_footer_widget_1_width
grid 80
tablet 60
mobile 100

generate_footer_widget_2_width
grid 20
tablet 40
mobile 100

Can you try adding the PHP to change the desktop grid first?

add_filter( 'generate_footer_widget_1_width', function() {
    return '80';
} );
add_filter( 'generate_footer_widget_2_width', function() {
    return '20';
} );

Adding PHP: https://docs.generatepress.com/article/adding-php/

Then link me to the page in question with the code applied.

The mobile should be default at 100 so we only need to use CSS to change the tablet width.

Let me know :)

Works fine on grid. But, what I have to do to change 'tablet'?

Can you disable the coming soon page so I can see the page?

Thanks :)

Yes, sorry.

Try this CSS:

@media (max-width: 1024px) and (min-width: 768px) {
    .footer-widgets .grid-80.tablet-grid-50 {
        float: left;
        width: 60%;
    }
    .footer-widgets .grid-20.tablet-grid-50 {
        width: 40%;
    }
}

Solved. :)
Thank you.

No problem :)

I've downloaded the code snippet plugin and added the above code, but it didn't work.
Also, I tried the above CSS, and It didn't work too.