Nope. Now half the logo is cutoff in mobile view.

Also, I don’t want the header taller than it is by default.

Hey . . . thanks for your quick response. I added that but now I notice more issues when the display width is reduced . . . the menu pushes in to the logo and in a narrow display for the phone there is extra space and the logo is not centered.

Don’t take this wrong because I really appreciate the fast support but I have to say all this modification and the continued issues seems crazy because the only thing I’ve done is added my own custom logo . . . I used the dimensions given right on the theme options page.

Doesn’t seem like it should be this complicated just for that . . . I would assume that every person who uses this theme will at least update the logo with their own custom.

I’ve had to add all the CSS listed at the end of this message get the logo to display correctly and it’s still not working.

I can’t imagine that with as many of these theme’s you’ve sold and as good of ratings as you’ve gotten that everyone has to go through this process for the most basic of customization?

Can we take a look at this issue from the beginning and see if there is not a simpler solutions? I just want to add my custom logo, which I’ve sized correctly, to display in the site. I don’t want it to shrink down tiny.

Thanks!

.logo, .logo img {
max-width: 340px !important;
width: 340px !important;
height: auto !important;
max-height: none !important;
}
.logo img{
position: relative;
top: -40px;

}

#header_main .container, .main_menu ul:first-child > li > a {
height: 88px !important;
line-height: 88px !important;
}

html.fixed_header #main {
padding-top: 88px;
}

.logo a {
max-height: none !important;
}

.header_bg {
opacity: 1;
filter: alpha(opacity=100);
}

• This reply was modified 10 years, 10 months ago by casidougal.

Hi again . . . there’s another issue I noticed after doing this. The logo looks fine in terms of sizing but when a user scrolls down in the browser then the header div shrinks in height and the logo is cut in half. I’d like that header to always stay the same size even if someone scrolls down.

I saw the two solutions for what sounded like similar issues posted on this theme’s support page in Themeforest and I tried both but they didn’t work for me.

I tried modifying one solution to:
#header_main .container, .main_menu ul:first-child > li > a {
height: 88px !important;
line-height: 88px !important;
}

html.fixed_header #main {
padding-top: 88px;
}
With the above the header stays the same height but the lower content scrolls up and under the header, and the logo image is cut in half.

The page is here: http://calleridnotes.com/homepage

Thanks!