• Resolved losrack

    (@carlos-jaramillo)


    Hi,

    I am having a very hard time dead centering the site logo. I did centered the secondary nav, which is the main one on this site.

    So far I have got the best result with this, though I know is not perfect:

    @media (min-width: 768px) {
    .site-header .site-branding {
        display: block;
        margin-left: 43%;
        }
    }

    I would love to have this logo dead centered no matter the screen width.

    this is the site

    • This topic was modified 7 years, 7 months ago by losrack.
    • This topic was modified 7 years, 7 months ago by losrack.
Viewing 1 replies (of 1 total)
  • Thread Starter losrack

    (@carlos-jaramillo)

    Never mind I solved it, basically with:

    .site-header .custom-logo-link, .site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
        text-align: -webkit-center;
        text-align: center;
            margin-left: -3px;
    }

    or whatever margins you may have….

Viewing 1 replies (of 1 total)
  • The topic ‘logo problem’ is closed to new replies.