Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1306261

    There is apparently a container limit on the size of the logo in the header. I have tried various CSS options found in the forums, but nothing is working for me. How do I force the header container to fit the entire dimension of my logo–instead of shrinking it?

    #1306476

    Hey djsparks,

    Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #1306536
    This reply has been marked as private.
    #1306614

    Hi,
    Thank you for your patience and for the login, when I checked your theme options logo upload the image was header-300×83.png and this was the image shown on the frontend, when I checked your media library I found a larger version header.png which is 567px wide so I assumed this was the one you expected to see on the frontend, so I corrected this and added this css to your Quick CSS:

    .logo > a > img {
    	width: 567px;
    	max-width: 567px;
    }

    Now the logo is larger, please clear your browser cache and check.

    Best regards,
    Mike

    #1307352

    I appreciate the help. Unfortunately, this doesn’t fully address my question. What is limiting the height of the header? I can set an image that is 800px wide and 340px tall, but the image is always stretched because the max height is 128px. How can I change this?

    I cannot find any setting that allows me to change the header size, despite the instructions on the General Settings page: “Logo Dimension: 340px * 156px (if your logo is larger you might need to change the Header size in your Header Settings” When I go to the Header Settings page and set a custom size of 300 px (which is apparently the max size allowed), the logo image is still limited in size and does not fill the header.

    #1307535

    Hi,
    Thank you for your patience, if you go to Enfold Theme Options > Header > Header Layout > Header Size and choose custom pixel value you can enter your own value.
    2021-06-26_001.jpg

    Best regards,
    Mike

    #1307536

    Yes, and the height is limited to 300px. However, I posted this question because the header logo is restricted in size regardless of what is selected in the header size option.

    Please see my last reply, which states exactly the problem I am encountering: “When I go to the Header Settings page and set a custom size of 300 px (which is apparently the max size allowed), the logo image is still limited in size and does not fill the header.”

    • This reply was modified 3 years, 6 months ago by djsparks.
    #1307539

    Hi,
    For an oversized logo like this you will need to add this css to the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .logo, .logo a {
        width: 100%;
    }

    2021-06-26_002.jpg

    Best regards,
    Mike

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