logo size confusion

[lucasmarstonmusic]

So I’m trying to get the size of the logo sitting right for the site. For some reason when I upload a 500px x 500px image it shrinks it very small. I found a thread where a user had a similar problem and saw he was told to put this code in the quick CSS

@media (min–width: 991px) {

    .header–centered .navbar–header, .logo {

        height: 250px !important;

        line–height: 250px !important;

    }

#logo_img {

    max–height: 250px !important;

}

}

So I tried doing that and replacing the 250px with my desired size and now I don’t have the sticky main menu feature with the auto resize on scroll, though they are still selected in my settings. It seems like the categories are trying to resize when I scroll but my logo wont.

What is weird is that I uploaded my last logo the same way and it worked fine. Somehow the logo was initally smaller but my site made it large when uploaded. But when I upload a large logo it makes it small. Is there something backwards about the px for logos?

[Laura]

Hello, try to delete the code above and add the following to the style.css 🙂

COPY CODE

#logo_img {
    max-height: 360px;
    max-width: 250px;
}
.header-centered .navbar-header, .logo {
    height: 250px !important;
}
.header-centered .navbar-header, .logo {
    height: 10px !important;
}
.kleo-main-header.header-centered.header-scrolled img {
    max-height: 60px !important;
    margin-left: -800px;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[lucasmarstonmusic]

Hi this does not work. When I scroll down it moves the logo to the left top corner and is very distracting. It also doesnt understand where it wants to be in relation to the categories in the header. Very confusing, take a look.

[lucasmarstonmusic]

Also, I asked in another thread how to remove the excerpt from the posts. Your solution works on only some of the posts. Take a look at the home page and you will see that there are still excerpts shown on the larger sized posts that are using the NEWS Focus shortcode. thanks

[lucasmarstonmusic]

I decided not to use sticky menu, way too much trouble.

[Laura]

Hello, try the following css

COPY CODE

.home .entry-summary {
    display: none !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts