Increase logo size - birdseye2

[VOS]

Hi,

I am using a modified verision of birdseye2 (only changes made are to remove product prices from category and product pages)

Trying to make the logo bigger.

I have tried adding the below code at the end of the main style CSS but the logo remains very small. Tried uploading various sizes of the image but nothing is working. Is there another workaround or do I need to make changes elsewhere as well?

Website is http://vosfurniture.weebly.com/ 

@Media screen and (max-width: 992px) {
  .header-wrap #logo img { display: block; overflow: hidden; max-width: 100%; max-height: 90px !important}
}

[VOS · Accepted solution]

I found it myself!

For anyone else looking to change logo size on Birdseye2, here is the solution:

In the main Styles CSS, find

.header-wrap #logo img {
  max-height: 40px;

Change pixel value to whatever you think works for you. 90-100 works great for me.

[Adam7]

Thanks for sharing your solution, @VOS!

[moonbeachfilms]

Sorry, I'm having trouble finding what your saying to find in the main styles CSS.

Thanks!

[cloudie]

omg.

I can't find it.

Can you describe it like a map to me?

I click on Theme, then Edit html/css and in which of the files is the .header-wrap?

thank you very much!!

[Erin6]

Are you using the Birdseye2 theme, @cloudie? It may be different in another theme.

Thanks,

Erin

Weebly Community Manager

[cloudie]

hello @Erin, 

yes I am using the Birdeye 2 theme. 

thank you 

Cloudie

[Erin6]

Thanks for clarifying! I'm actually not seeing the code mentioned in the main.less section. Perhaps a community member, like @BJ, can help. I know he's particularly good at these types of questions.

Thanks,

Erin

[mchristianmail]

When I go to the CSS, in the "Styles" subfolder I found "main.less", here is what I see:

1 import '_resets';
2 import '_fonts';

3

4 import '_global';
5 import '_nav';
6 import '_page-types';
7 import '_ui-kit';
8 import '_commerce';
9 import '_blog';
10 import '_responsive';

11

I must be in the wrong place. Can you tell me the location of the correct folder where I can increase the size of my logo? THanks!

[Adam7]

Look for a file called "global.less" - that likely has what you're looking for.

[JT556]

I see the same thing as @mchristianmail

And I wasnt able to find anything in the file called "global.less"

[Adam7]

Check in responsive.less; we might have it there since the logo size will change depending on screen size.

[JT556]

I changed the coding to .logo img { max-height: 250px; and the logo size is still restricted

[erha]

Same here, I want to increase the logo size and have looked in responsiveless/global folders and have changed the sizes, but it still appears small. My drafted link is: 334793769963715684.weebly.com

[Adam7]

Check in nav.less @erha - CSS for the logo should be found in there for the theme you're using.

[erha]

Hi Adam, thanks for your attention on this. I checked in the nav folder and found this section starting at line 58

img {
overflow: hidden;
max-width: 100px;
max-height: 200px;

I have tried messing with the max-height here, but nothing has changed. Am I in right place?

Thanks

[web_dev_12]

I am also using Birdseye2 and having the same issue (needing to override the max height for the logo). I've looked into the main, global and responsive CSS folders and am not finding the coding spots that reference logo min/max width/height.

The strangest part is that I've used this theme before and had success modifying the logo size in the main.less folder, but now the contents are totally different (see below).

@import '_resets';
@import '_fonts';

@import '_global';
@import '_nav';
@import '_page-types';
@import '_ui-kit';
@import '_commerce';
@import '_blog';
@import '_responsive';

That's the entire content in the current main.less folder. Before there were 200+ lines of code.

Any help would be much appreciated!  Site is stampmyfeet.com

[Bernadette3]

Something may have been updated on the backend, @web_dev_12 that may have changed the process. Do you have a modified site that you can post so we can take a look? Thanks!

[web_dev_12]

Thanks for getting back to me! I wish I did but it's since been migrated to another platform.

I've been going through each style sheet again using the search function for keywords (logo, max height, img, etc), but I'm just not seeing it. @erha I know it was a while ago, but if you still remember could you share what your solution was?

Thank you!

[Bernadette3]

You're welcome. Sorry I'm not more help! I'll see if anyone knows if something has changed, but we usually don't get updates if the code of a theme changes. 😕

[erha]

Actually! I was able to solve it!

However, another question for you -- is there a way to shrink the size of the menu & logo when I'm scrolling down the page? I like the size before you scroll, but once I scroll down it seems a bit big. 

Thanks!