Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 26, 2016 at 8:38 am #691497
    realit-treuhand

    Hi,

    I added the following code into Quick CSS:

    .responsive #top .logo img {
    margin: auto;
    vertical-align: centered;
    }
    .responsive #top .logo {
    width: 100%!important;
    height: 100%!important;
    }

    On mobile the logo sticks on the top and is not vertically centered. Any ideas?

    Thanks and best regards,
    Realit Treuhand AG

    September 26, 2016 at 8:40 am #691498
    realit-treuhand

    I forgot to mention that the header custom heigt is 72px and the logo dimensions are 250x52px

    September 27, 2016 at 3:45 pm #692300
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .responsive #top .logo img {
    top: 10px;
}

    Best regards,
    Yigit

    October 10, 2016 at 10:00 am #697204
    realit-treuhand

    Thanks Yigit. We tried this before. This makes it fine on mobile but on PC the logo is not centered anymore (no padding between logo and slider).

    Is it possible to only change it for mobile view?

    Best regards,
    Michel & Aline

    October 10, 2016 at 12:00 pm #697241
    Yigit

    Hi!

    Yes, please change the code to following one 

    @media only screen and (max-width: 768px) {
.responsive #top .logo img {
    top: 10px;
}}

    Best regards,
    Yigit

    October 10, 2016 at 12:27 pm #697249
    realit-treuhand

    Perfect. Thanks Yigit.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Logo vertical centered not responsive’ is closed to new replies.