Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 25, 2018 at 8:48 pm #946859
    elvirais

    Im trying to get a large logo centered in the header. Even though I’ve selected the header as logo centered, menu below, the image is not centered.

    At first even though I set the header to 300px and the logo to fullsize, the logo displayed small. I added quick css code:

    .html_header_top.html_logo_center.avia-webkit .logo {
    left: 0;
    transform: none;
    -webkit-transform: none;
}

.logo, .logo a {
    height: 100%;
    width: 100%;
}

    this displays the logo at full size, but it shifts it to the left. (I’ve tried several changes to the left: parameter, but that doesn’t do the trick).

    April 27, 2018 at 6:36 am #947660
    Rikard

    Hey elvirais,

    Please try this in Quick CSS:

    .logo a {
    width: 100% !important;
}

    Then remove this CSS which seems to be in your Quick CSS:

    .html_header_top.html_logo_center.avia-webkit .logo {
    left: 0;
    transform: none;
    -webkit-transform: none;
    display: table;
    margin: 0 auto;
}

    Best regards,
    Rikard

    April 27, 2018 at 8:20 am #947709
    elvirais

    That works for centering it, but then the logo displays at a smaller size.

    April 28, 2018 at 10:01 pm #948466
    Basilis

    Hi,

    http://nimb.ws/aMHZDg
    I can see the size of the logo been really big, are you sure you do not have cache?

    Best regards,
    Basilis

    April 28, 2018 at 10:08 pm #948473
    elvirais

    Support was slow, and I started messing around with css myself. Managed to get it mostly large and centered with this:

    .logo, .logo a {
    height: 100%;
    width: 90%;
    margin-left: 4%;
}

    The problem is that it’s still off-center on some computers. E.g. my desktop shows it centered, my laptop shows it too far to the right. (No margin-left 5% makes things worse, not better).

    April 30, 2018 at 12:42 pm #949042
    Victoria

    Hi elvirais,

    Plese remove margin-left: 4%; form the code above and use this:

    
.html_header_top.html_logo_center .logo {
    left: 54%;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.