[Resolved] Center footer widgets on mobile

Home Forums Support [Resolved] Center footer widgets on mobile

Home Forums Support Center footer widgets on mobile

  • This topic has 3 replies, 2 voices, and was last updated 3 years ago by Leo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #553719
    drumelie

    I am having trouble getting the footer widgets to be centered on a mobile device. The following code works for tablet and desktop, but not mobile:

    .footer-widgets { text-align: center; }

    I tried adding the following additional CSS, but it did not work:


    @media
    (max-width: 768px) {
    .footer-widgets {
    text-align: center !important;
    }}

    How can I get footer widgets to be centered on mobile?

    GP Premium 1.6.2
    #553922
    Leo
    Staff
    Customer Support

    Hi there,

    Hmm to have footer widgets center at all device, this CSS should work:

    .footer-widgets {
        text-align: center;
    }

    If it doesn’t, can you leave it in and remove all others so I can see why it isn’t working?

    #554011
    drumelie

    Thank you for the helpful hint.

    The issue was a missing }

    I had previous CSS with the declaration : @media (min-width: 769px) {

    So it was applying all my CSS only to tablet and desktop.

    #554281
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.