Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 21, 2017 at 1:34 pm #749934
    KingFilly

    Hi there!

    I have a problem with a website i’m building with Enfold.
    The logo (with a round icon) breaks when the resolution changes. (for instance on mobile or tablet)
    How can i make sure that this doesn’t happen.

    If the logo is to large i can upload just the round icon for displaying on tabled and mobile)
    I added the website link in private content.

    Hope to hear from you soon!

    Regards,

    Filip

    February 21, 2017 at 1:44 pm #749946
    KingFilly

    I can use this particular logo for mobile. (see link in private content)
    i would like to have it centered on the screen.

    February 21, 2017 at 1:49 pm #749950
    Yigit

    Hi!

    Please refer to this post – http://kriesi.at/documentation/enfold/change-logo-on-mobile/

    Regards,
    Yigit

    February 21, 2017 at 3:44 pm #750011
    KingFilly

    Hi Yigit,

    Thank you for your quick reply. I understand how to place a logo for mobile, but what i would like is that when change the resolution of the screen to smaller sizer the logo keeps the same. now the logo changes really ugly. (its stretches)

    maybe the logo just takes too much place now for smaller windows…can you help me out what todo to keep the logo the same for each resolution?

    hope to hear from you.

    Regards,

    Fililp

    February 22, 2017 at 6:38 pm #750587
    Yigit

    Hi,

    You have following code in Quick CSS field

    .logo img {
    min-height: 100px!important;
}

    Please change it to

    @media only screen and (min-width: 768px) {
.logo img {
    min-height: 100px!important;
}}

    Best regards,
    Yigit

    February 22, 2017 at 8:01 pm #750635
    KingFilly

    Hi Yigit!

    Thank you soo much. It almost works now. Only my Android tablet in potrait (1200 x 1920 px) the logo still looks stretched. On mobile it looks great (on potrait and landscape)

    What can i do to fix it on the tablet?

    thanks in advance!

    February 24, 2017 at 3:42 pm #751447
    Yigit

    Hi,

    Then please change the code to following one instead

    @media only screen and (min-width: 1024px) {
.logo img {
    min-height: 100px!important;
}}

    Best regards,
    Yigit

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