Okay
  Public Ticket #1789632
Logo size?
Closed

Comments

  • Luis Ramos started the conversation
    November 20, 2018 at 12:46am

    I notice the logo is showing on screen quite small, but my logo is not that small. 

    How can I make my logo look bigger on the header, or... is there a recommended size (so I can adjust my image) for a logo to be displayed in full (no resizing)?

  •  646
    Alexandre replied
    November 20, 2018 at 4:34pm

    Hello Luis, 

    I thing your logo has a good size.  

    I dont understand your issue. Maybe you have already replaced the logo file, but what I see is not a reduced logo.
    Here your logo:
    https://staging.librosparaemprendedores.net/wp-admin/post.php?post=83&action=edit
    And here the logo on the frontend





    If you want a bigger logo, I can help, but has you see on the screenshot, a bigger logo will overlap the menu items.

    Thanks,

    Alexandre from the Sonaar.io Crew

  • Luis Ramos replied
    November 20, 2018 at 6:22pm

    I thought I published a 2nd comment. Strange.


    Yes, I changed the logo and it shows well. The issue is with the logo shown when in mobile-size screens.

    The logo on mobile it seems to have been resize wrongly. Yesterday I saw this same logo on mobile overlapping the menu (too big). Today I see the resizing of the logo is wrong (it's too tall, like with a deformity). Attached you'll see what I mean.

    This logos are normal size and 2x size, as requested.

  •  646
    Alexandre replied
    November 20, 2018 at 7:06pm

    sorry I didn't mention I have add a custom code to fix the overlapping issue.

    Thanks,

    Alexandre from the Sonaar.io Crew

  • Luis Ramos replied
    November 22, 2018 at 4:07pm

    Alexandre,


    the code you added works fine for the horizontal size of that logo, but it's not doing well with the vertical size of the logo (it's too tall; it gets deformed). How can we fix that?


    This is the code that, I think, you added:

    .logo img{
    max-width: calc(100vw - 150px);
    }


  •  646
    Alexandre replied
    November 22, 2018 at 8:10pm

    You right. Sorry. please replace this code
    .logo img{
    max-width: calc(100vw - 150px);
    }

    by

    .logo img{
    max-width: calc(100vw - 100px);
    }


    Thanks,

    Alexandre from the Sonaar.io Crew

  •  646
    Alexandre replied
    November 22, 2018 at 8:11pm

    And add this too

    .classic-menu.responsive .logo img{
    height: auto;
    }

    Thanks,

    Alexandre from the Sonaar.io Crew