-
Posts
-
I added the quick css below to make my logo larger:
.logo a img{
min-height:210px!important;
}
The header now shrinks when scrolling but the logo stays the same size and gets cut off. Is there a quick css to fix this?Second question: Is there a quick css to adjust the logo height/position in the header?
Thank you!
Hey benwkellogg,
Maybe you could set the header to not shrink if you want the logo to be bigger? Not sure what you mean by height/position, do you have a mockup of what you are trying to achieve?
Best regards,
RikardRikard,
I will set the header to not shrink if I have to but I would like to retain that feature if possible.
I don’t have a mockup, but if you check out my site, you will see the logo is in an awkward place. I want to be able to move the logo from where it is so it looks centered in the header or parallel with the menu.
I hope that makes sense. Thanks for the reply!
but what did you expect if a minimum-height is set ?
If you like to have the logo bigger – just change header size in enfold options dialog ( custom pixel values)i don’t see your site because i’m participant as you – but if your logo is much bigger and you would like to shrink to this min-height i would recommend you this post: https://kriesi.at/support/topic/shrinking-of-header-amount-an-info/
f.e. starting at a height of 300px ending at a height of 210px
Hi benwkellogg,
Did you try the suggestion posted by @guenni007 and did you have any luck with it? If you want to change something on your site and you are unable to do it yourself then please try to be as specific as possible.
Best regards,
RikardThank you both for the replies. I didn’t quite understand what was said in the link above but that is due to my incompetence. I’m completely new to building a website and don’t know the first thing about code.
I will try my best to define what I’m trying to achieve as specifically as possible:
Okay, so without any quick css my logo is too small in the header. Changing the header size barely changes the size of my logo. Changing the logo size when I upload doesn’t seem to change anything either. Someone suggested using the code I posted in the OP to make my logo larger, which it does.
Now that my logo is the size I want, it’s now in a very awkward place in the header. My goal is to have the ability to move the logo so that it is parallel to the menu in the header.
My second issue is that the logo doesn’t shrink when I scroll down. It would be nice to use the shrinking header feature with my larger logo, but it is not a necessity.
I hope this makes sense. Mods, please check out my site to see what I’m talking about.
Hi,
Now that my logo is the size I want, it’s now in a very awkward place in the header. My goal is to have the ability to move the logo so that it is parallel to the menu in the header.
1.) Please remove the white spaces around the actual logo image. Resize it to 200x100px then upload it again. The theme will automatically align the logo.
2.) The logo actually shrinks but because of the white spaces around it, it doesn’t shrink properly based on the height of the header.
Best regards,
IsmaelIsmael, thank you for the reply!
Could you explain what you mean by removing the white spaces? The logo is a .png and appears to be transparent.
I apologize if I misunderstood you.
your logo seems to have too much transparency room arround – these dimensions you don’t see on a background – but are taken into account on logo dimensions.
Open your logo in a graphic programm and cut of the unnecessary transparency room ( allthough there is no white – it is called whitespace)
- You must be logged in to reply to this topic.