Okay
  Public Ticket #2169395
Header Logo - Center align
Closed

Comments

  • Nick started the conversation
    September 30, 2019 at 10:37pm

    Hi,
    How can I get the header logo centralised to the middle of the screen?
    I'm not sure if I'm missing a theme option or its not a standard setting.
    I want to use this with a hamburger on the right to reveal a slide out menu.
    Thanks,
    Nick.

  • [deleted] replied
    October 1, 2019 at 12:45pm

    Hi Nick,

    For the moment Kalium doesn't offer centered header layout but you can achieve that by adding the code below to your Custom CSS area:

    @media screen and (min-width: 768px) {
    .logo-column {
        display: block;
        width: 100%;
    }
    .header-logo.logo-image {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .standard-menu-container>nav {
        margin-left: auto;
        margin-right: auto;
        margin-top:20px;
    }
    .pt-column.pt-filters {
        margin: auto;
    }
}

    It should look like this:

    medium
    (view on a new page)

    Have a nice day!