Logo image taller than menu bar

[nuriflurry]

Hi,

I have a some questions related to the logo image:

1.- Which is the ideal size of the logo? I have tried with different sizes and in all of them I have problems with the resposiveness.

2.- My logo seems to appear just on the top of the title space, and I’d like it t have some blank space from the top to the logo. I have leave the space in the image logo I have uploaded, but when it load the logo the space disappear…

2.- I’d like that my logo image would be taller than the menu. I don’t want a huge menu, so I have set 40px heigth in header options, but this also change the logo height, and I would like that the logo could be bigger than this.

 

Regards.

[sharmstr]

Cant tell what’s going on without access to the site. But based on your description, my guess is that you have ‘transparent main menu’ set in Theme Options. You should disable that and only set it at the page level on pages that require it.

The logo can be set to be bigger, but since its part of the same container as the menu, it will overlap the breadcrumb section so I dont suggest that you go that route.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[nuriflurry]

This reply has been set as private.

[sharmstr]

credentials dont work.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[nuriflurry]

This reply has been set as private.

[sharmstr]

I added more white space to your logo. Still sorting out the responsiveness issue. I need to step away from my computer. I’ll look at it again in a little while.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[nuriflurry]

thanks!!

[nuriflurry]

I’ve checked it and see that what you have done is increase the “Main Menu Height” to 90, but this makes that the menu bar has also 90px of height, and the idea would be that i wouldn’t loose so much space in the menu bar. I would like to have like a 90px image logo height, but a 50px menu bar height. Is that possible?

[sharmstr]

I wasnt done.

Check it now. I added custom css to your quick css to make the logo section 80px. You can change that to whatever you want. The responsiveness issue was really due to using a jpg instead of a png. It works better if the background is transparent. You might want to create a new logo with the entire background transparent, but for now I’ve faxed it by making part of the background transparent.

Is this what you wanted?

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[nuriflurry]

Thanks! it works fine. i have to change the logo as I made this just to try.
Is there any recommended dimension for the logo?
And other thing, when i made the screen smaller, the logo just take 2 different sizes, and the small one is left aligned, is it possible to have it allways centered?

[sharmstr]

There is no size requirement. Just make sure your text isnt all the way to the top and all the way to the bottom.

Try this in your quick css

COPY CODE

@media (max-width: 991px) {
.logo {
    text-align: center !important;
}
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[nuriflurry]

It’s still on the left.

[Author]

Posts