Logo size changing

[Splendor]

Hi,

I have a logo with height of 120px and have tested different sizes. The problem is that the logo, sometimes is 24px height, later 120px, then sometime it’s 80. Please advice.. I don’t know what to do next..

[Catalin]

I don’t understand… how can I help regarding the logo? what do you mean by “testing”…

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Splendor]

I have tested different sizes to see what fits best and works best with the theme. But the problems is still there, it can’t hold the logo size anyway. From page to page it can be 90px and the next page be 24ph height.

[Catalin]

I checked your site and the first thing I am thinking about would be to move the social icons from header to the right below menu and add the logo in the left corner using the recommended size for Kleo… hope I understood correctly your question…

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Splendor]

Yes, it seems that way hehe.. Can you please tell me what is the recommended size for logo for the theme?

[Splendor]

I see that they are several, they are three that are on the template, 192×88,150×88,100×88.

[Catalin]

correct.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[justvinnie]

I have the same problem too.

Using chrome, when I visit the home page for the first time, the logo is normal size. When I refresh the page, the logo shrinks.

Using my ipad, when visiting the home page for the first time, the logo is tiny. When I refresh, the logo is proper.

This started with ths last update. Please help us to correct it.

Thanks

[Catalin]

Hi @justvinnie
can you share your site link to check?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[DrWatsonQc]

I have the same issue but I’ll try with the recommanded tiny LOGO

Attachments:

You must be logged in to view attached files.

[aussiewaska]

Rediculous bug to deal with. What is the solution to this problem?

[Abe]

Hello there, have you updated to 2.3 since there have been done some changes regarding the header. Also now you can set a custom header size in Theme options – Header options

Let me know

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Just made some strong improvements to the header/logo logic. Now it should wait for the image to load based on some JS events and it will be 100% correct about the size.

Please replace your assets/js/app.min.js content with the content from the file attached

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

Attachments:

You must be logged in to view attached files.

[aussiewaska]

thank you. It seems to be loading better now.

[aussiewaska]

Hi, Thankyou I updated the theme to the lastest.
Please can you help me, I am trying to make the logo larger. What do I need to do in the CSS to make the logo about 2x larger…??

[Abe]

@aussiewaska in Theme options – Header you can set a header height. If you set it and the logo will still be small, then upload a larger logo

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[aussiewaska]

Thankyou again for your fantastic support. Although the fix you directed me works fine for the LOGO, it causes alot of problems with images loading now. When the page loads none of the animation works and the images dont load as they ought to.

[Abe]

@aussiewaska share a link to your site please

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Delta150]

Hello, it might not be too late to join this threat. I have understood everything on the comments but I need to know how to set a margin for the logo and the menu. I understand that if the “re-size logo on scroll” option is on, then the logo will re-size to that of the height of the header and the if you scroll down, the logo re-sizes to the default, which is 88. But what if I want the logo to be a specific size and the the header’s height to be another one? What code would I use for this? I want the logo to be bigger than default and add a margin between the header and the logo.

[Abe]

Hi Delta150
You have the option to set a header height in Theme options – Header. Set it to 200 for example and upload a logo that is 150 pixel height. This way you will have 25px margin top/bottom

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Delta150]

But do you have to have the Sticky Top menu* or Resize logo on scroll* option “on”??

[Abe]

Sorry for the late reply. Yes, when the header shrinks at scroll it will become half the size you set for the normal header

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts