How to make logo center on mobile view

  • Resolved qtn8

    (@qtn8)


    3 years, 2 months ago

    Hello,

    Could anyone help advise CCS code to center the logo on mobile view? I tried a few code already but nothing has worked.

    Thank you

    • This topic was modified 3 years, 2 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

    The page I need help with: [log in to see the link]

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

  • Hey qtn8,
    in your styles.css on line 96 there is this:

    #mobile-logo.logo-center {
    margin: 0;
}

    You could just add -auto- to it:

    #mobile-logo.logo-center {
    margin: 0 auto;
}

    Seems like it’s doing the job. Let me know if you expirience any issues.

    The whole CSS should be:

    @media screen and (max-width:600px) {
   #mobile-logo.logo-center {
       margin: 0 auto;
   }
}

    It’s centered if your screen is less than 601px width

    Thread Starter qtn8

    (@qtn8)

    Hello mango404,

    It worked perfectly. Thanks so much!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to make logo center on mobile view’ is closed to new replies.