Okay
  Public Ticket #2643532
Center logo on Mobile
Closed

Comments

  • Jasmine started the conversation
    December 28, 2020 at 7:06pm

    Hi, I have a centered header, but it will not center on mobile version. Could you help me figure out why? 

  •  2,963
    Andrew replied
    December 29, 2020 at 4:21am

    Hi Jasmine,

    Please try this css:

    @media only screen and (max-width: 999px){
    #header-outer[data-format="centered-menu-under-logo"] #top #logo .starting-logo {
        left: 130px;
    }
}

    Thanks.

  • Jasmine replied
    January 1, 2020 at 8:17pm

    Hi Andrew, thanks. Could I also get some code to help the tablet version be centered too? 

    Thanks!

  •  2,963
    Andrew replied
    January 3, 2020 at 8:08pm

    Hi Jasmine,

    Please try this css:

    @media only screen and (max-width: 999px) and (min-width: 1px){
body #header-outer:not(.transparent) #top .span_3 #logo .mobile-only-logo, body #header-outer.transparent #top .span_3 #logo[data-supplied-ml-starting="true"] img.mobile-only-logo.starting-logo:not(.dark-version), body #header-outer.transparent #top .span_3 #logo[data-supplied-ml-starting-dark="true"] img.mobile-only-logo.starting-logo.dark-version, #page-header-bg[data-parallax="1"] .span_6 .inner-wrap, #page-header-bg .span_6 {
    left: 37%;
}
}

    Thanks.

  • Jasmine replied
    January 6, 2021 at 2:15am

    Thank you, that worked!!