Okay
  Public Ticket #746308
Mobile logo centering
Closed

Comments

  • Steven started the conversation
    April 24, 2016 at 1:53am

    I have used the following code to disable the menu as this is just a splash page until my client and I work to get the whole site up:

    header#top nav > ul {
    display: none !important;
}

    The logo appears to be centered on a desktop and tablet, however it is slightly left of center on mobile devices. I have tried the following code found in another article, which centers the logo on mobile, but repeats the logo (stacked) and on initial view on a tablet, the logo is all the way to the left of the window and cropped.

    body #header-outer[data-format="centered-menu-under-logo"] header#top #logo img {
        display: table !important;
        margin: auto !important;
        left: 7.5% !important;
    }

    Not sure why the logo has a centering issue for mobile?

  • Steven replied
    April 26, 2016 at 8:27pm

    Hi - just following up to see if there's a solution to this? Thanks

  •  9,324
    Tahir replied
    April 27, 2016 at 2:50am

    hey ,
    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 1000px) and (min-width: 1px) {
    header#top .col.span_3 {
        width: 100% !important;
    }
}

    Bes.t

    ThemeNectar Support Team