Trouble with footer alignment

  • Resolved loud068

    (@loud068)


    10 years, 1 month ago

    I have been trying to center the footer text and was able to accomplish this with the following CSS in the custom CSS file, however it now pushes the text way out on mobile and for some reason is ignoring the @media only CSS I have applied to specify the mobile alignment.

    This is the CSS for desktop:
    #footer-bottom #copyright,
    #footer-bottom #credit { color: #ffffff; font-size: 15px; line-height: 1.5em; text-align: center; display: block; margin: 10px -550px 0px 40px; }
    }

    This is the @media only CSS for mobile:
    @media only screen and (max-width: 719px) {
    #footer-bottom #copyright { color: #ffffff; font-size: 15px; line-height: 1.5em; text-align: center; display: block; margin: 0px 0px 0px 0px; }
    #footer-bottom #credit { color: #ffffff; font-size: 15px; line-height: 1.5em; text-align: center; display: block; margin: 0px 0px 0px 0px; }

    }

    Here is a link to the site: https://jacobjmaloney.com/wordpress/sierra/

    Thanks for the help!

Viewing 2 replies - 1 through 2 (of 2 total)

  • On line 405 of wp-content/themes/hueman/custom.css, there’s an unmatched closing bracket which is causing a parsing error in the next section. Removing that stray bracket should fix the problem.

    Thread Starter loud068

    (@loud068)

    That worked!! Thank you so much! Its always something simple like that too….

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Trouble with footer alignment’ is closed to new replies.