Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 30, 2018 at 5:17 pm #1039385
    xmpublishing

    Hi,

    I want that the header logo resizes on all screens and is centered.
    Currently it seems to work on desktop but not on ipad when I use the webdeveloper toolbar.

    iPad: On ipad the logo is aligned left.
    iPad Pro: there is much space below the logo. how can that be resolved that the header will always have the same height as the header logo?

    I hope you can help me out :-)

    Thanks,
    Oliver

    December 2, 2018 at 8:04 am #1039806
    Rikard

    Hey Oliver,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 1024px) {
.logo img {
    display: table;
    margin: 0 auto;
}
}

    Best regards,
    Rikard

    December 19, 2018 at 6:56 pm #1047321
    xmpublishing

    Hi Rikard,

    I still encounter problems with the logo. It now resizes but it is not centered.
    Any idea on how to solve that?

    Beste regards,
    Oliver

    December 19, 2018 at 7:23 pm #1047336
    Yigit

    Hi,

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

    CSS Snippet:

    
.html_header_top.html_logo_center .logo img {
    margin: auto;
}

.html_header_top.html_logo_center .logo {
    width: 100%;
}

    Best regards,
    Yigit

    December 19, 2018 at 7:36 pm #1047344
    xmpublishing

    that worked perfectly! :-)
    Thank you so much!

    December 19, 2018 at 7:45 pm #1047349
    Yigit

    Hi,

    Glad we could help! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Resize header logo on all screens’ is closed to new replies.