Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #689039

    I used the advised logo size in the header. On mobile phones it looks great, but I would like a bigger logo on larger screens. What are the preferred sizes and how can I change the behaviour in the stylesheet, so it uses the right size on the right screen size?

    Thank you!

    #690125

    Hi M!

    Thank you for using Enfold.

    Please crop the source or original logo then remove all white spaces around it. Upload it again. It will automatically inherit the height of the header. If you want to increase the height of the header, go to the Enfold > Header > Header Size.

    // http://veeamshop.com/website/wp-content/uploads/2016/09/veeamshop-logo-e1474293701918.png

    Regards,
    Ismael

    #691532

    First thing: appearantly it should be changed on the page ”basic settings” and not at the page of the header settings. Did it there but that did nog help. Changing the basic settings shows more result :-D
    However, I removed all white space and now it is just aligned to top and it looks pretty crappy. The text illustrates that I should size the logo at 340×156 px. That is what I did before (that was why there was so much white space). We have a tall logo, with almost no height.

    I think it would be best if I can just let the logo be centered vertically, but I can’t see how… Please let me know which settings to change.

    Kind regards

    #691557

    Hi,

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

    
    .logo img {
        padding: 10px 0!important;
        min-height: 80px!important;
    }

    It is not clear what you are trying to achieve from your previous reply. If this is not what you want Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    Best regards,
    Vinay

    #691688

    I removed the white space above and below the logo. Now it is resized to some enormous logo, instead of a decent 340px.

    What I mean is that a size of 340×156 is adviced. My logo is 340 x 35 pixels. So pretty wide and low.
    I would like it to be shown a bit bitter, of without so much white space around it.

    At first I created a logo 340x156px, including whitespace (to make it 156px high). Now I removed the whitespace, and the logo is blown up to enormous proportions. I looks like it fills the height of 156 (that would make the width about 1500px!!!

    I would like the logo to be a bit bigger than 340×35 px if possible, in a small header.
    I seem not to be able to do that…

    #692413

    Please advise!!!

    #692632

    Hi,

    You have uploaded your image in 340x35px. Please upload in bigger size. I would recommend double size

    Best regards,
    Yigit

    #692711

    If i upload it at double size, it is still ridiculously big, but sharper (of course).

    The problem is that it was too small to begin with, but that it seems to be very tiny or enormously big. I would like something in between. But when I upload it in lets say 450×50, the logo is being scaled to a bigger size (don’t know why), and therefore unsharp.

    The problem is of course the shape of our logo…
    a width of 340 is great on mobile phones also, however, the logo is then very small and hard to read. So I would like it to be a bit bigger, lets say about 450×50 on laptop screens and what is was before (original) on the phone screens. How to make that possible?

    #693721

    Hi,

    I commented out following code in Style.css file of your child theme

    .logo img {
      padding 10px 0!important;
      min-height: 80px!important;
    } 

    Your logo is now 450x60px. Original logo is blurry. Please review your website now.

    Best regards,
    Yigit

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