Navigation
Archive / Footer Left Align on Desktop and Center on Mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 13, 2016 at 11:54 am #1039929
    piexec
    Participant

    Home

    Can you help me with some CSS that will keep my footer widgets left aligned on the desktop and then center aligned on mobile.

    Note: I want the text left aligned, but I want the content containers centered on mobile. As it is now, some of it is center aligned, and some it left aligned.

    June 13, 2016 at 1:05 pm #1040044
    Darshana
    Moderator

    Hi there,

    Thanks for writing in! Is it only the email form elements that you’re referring to? You can add this under Custom > CSS in the Customizer.

    
.whmpress_login_form {
    text-align: left;
}

.whmpress_login_form label {
    text-align: left !important;
}

    Hope that helps.

    June 13, 2016 at 11:59 pm #1040765
    piexec
    Participant

    Partially fixed.

    Now I’d like the two middle widgets to center align on mobile like the one on top and below.

    June 14, 2016 at 5:42 am #1041121
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    @media (max-width: 979px){
    .x-colophon.top .x-column .widget,
    .x-colophon.top .x-column .widget form * {
        text-align: center !important;
    }
}

    Hope it helps 🙂

    June 18, 2016 at 9:14 pm #1048870
    piexec
    Participant

    THANKS!!!

    June 19, 2016 at 5:23 am #1049129
    Christian
    Moderator

    You’re welcome.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1039929 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>