[Resolved] Footer Menus – Left & Right Footer Menu's + Bottom Copyright

Home Forums Support [Resolved] Footer Menus – Left & Right Footer Menu's + Bottom Copyright

Home Forums Support Footer Menus – Left & Right Footer Menu's + Bottom Copyright

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #938821
    fabiosilva

    Hi,
    On my project, i’ve this footer configuration:
    https://ibb.co/z6Dcn3L

    And I wish create something similar to this:
    https://ibb.co/4Sy9W6z

    So, how can I create a left and right widget, and put the copyright info on bottom?

    I tried searching the GP theme settings… Maybe there’s a way

    Thank you.

    #938840
    Leo
    Staff
    Customer Support

    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 πŸ™‚

    #938951
    fabiosilva

    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.

    #938955
    Leo
    Staff
    Customer Support
    #938958
    fabiosilva

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

    #938959
    Leo
    Staff
    Customer Support

    You can for sure.

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

    #938965
    fabiosilva

    For example,
    generate_footer_widget_1_width
    grid 80
    tablet 60
    mobile 100

    generate_footer_widget_2_width
    grid 20
    tablet 40
    mobile 100

    #938970
    Leo
    Staff
    Customer Support

    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 πŸ™‚

    #938974
    fabiosilva

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

    #938975
    Leo
    Staff
    Customer Support

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

    Thanks πŸ™‚

    #938977
    fabiosilva

    Yes, sorry.

    #938980
    Leo
    Staff
    Customer Support

    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%;
        }
    }
    #938988
    fabiosilva

    Solved. πŸ™‚
    Thank you.

    #938989
    Leo
    Staff
    Customer Support

    No problem πŸ™‚

    #959026
    mohamedhassan

    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.

Viewing 15 posts - 1 through 15 (of 16 total)
  • The topic ‘Footer Menus – Left & Right Footer Menu's + Bottom Copyright’ is closed to new replies.