[Resolved] Copyright Footer Positioning

Home Forums Support [Resolved] Copyright Footer Positioning

Home Forums Support Copyright Footer Positioning

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #260812
    Greg

    Hello,
    I’m trying to have the copyright notice on the right side of the screen and to add Privacy and Terms links on the left side (on the same line) when on desktop. I used float left and right and it works on desktop. However, when I resize the browser to simulate a smart phone screen size the elements stay on left and right and looks awful. I tried to use @media in the CSS in customizer and style sheet of the child theme but did not work.
    I appreciate any help with CSS to reposition the elements mentioned above on smart phone screen to be centered on top of each other (2 different lines) for small screens and to float left and right when on large screens.
    Thanks,
    Greg

    #260824
    Tom
    Lead Developer
    Lead Developer

    Hi Greg,

    Use the built in grid system which is mobile-first:

    <div class="grid-50">
        Left side
    </div>
    <div class="grid-50 footer-right">
        Right side
    </div>

    Then some CSS:

    @media (min-width: 769px) {
        .footer-right {
            text-align: right;
        }
    }
    #260835
    Greg

    Hello Tom,
    Awesome, works like a charm.

    Thanks

    #260951
    Tom
    Lead Developer
    Lead Developer
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.