如何使 WordPress 上的页脚以移动设备为中心对齐，但在桌面和平板电脑视图上对齐

Question

I am trying to make my footer on one line on desktop and centered on mobile. However, the picture on the footer is aligned left and not center on mobile. I'm wondering any tips on how to fix this issue. Here is the code that I currently have for the site:

hose don't seem to make a change. Any tips are appreciated

Answer 1

Here's a couple of tweaks I ran and got it to work in the browser when going to your site.

For desktop CSS:

.nonprofit {
    font-weight: bold;
    font-size: 15px;
    color: white;
    /* padding-left: 200px; */ // remove this
    display: block;
    align: right;
    float: left; // Keep this in there
    width: 50%; // Do this instead of width 100%
}

For your mobile CSS:

@media only screen and (max-width: 768px)
.nonprofit {
    font-weight: bold;
    font-size: 15px;
    color: white;
    display: inline;
    padding: 10px;
    /* float: left; */ // remove this
    width: 100%; // add this
}