Header Logo Size Limitation

[jwchameleoncorp]

http://matchingglove.com

Hello,

Is there size limitation for the header logo? I’ve tried to make it bigger by scaling it in the media repository, but it doesn’t seem to change on the webpage. I cleared the cash, but that doesn’t seem to be the issue.

Thanks for your help.

[Laura]

Hello, what do you exactly want to do? Make the logo bigger? Let me know 🙂

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 🙂

[jwchameleoncorp]

Yep! Just a little bit, not much. 🙂

[Laura]

Hello, please add this to style.css of child theme

COPY CODE

#logo {
    max-height: 138px;
    width: 350px;
}

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 🙂

[jwchameleoncorp]

Hi Laura,

Thanks for the code!

However when I tried it, it didn’t seem to change the size of the logo. Here is what I put in the style.css of the child theme:

/*
This code changes the size of the header logo
*/
#logo {
max-height: 131px;
width: 557px;
}

The dimensions in the code I pasted here are bigger than I want. I tested several different sizes just to see if I noticed a difference.

Did I make an error somewhere?

Thanks for your help,

Jeff

[jwchameleoncorp]

Hi Laura,

Never mind. I reviewing it and it looks like the slogan is about even with the menu items, which is a natural fit and makes it looked balanced. Thanks for your help! 🙂

[steve]

Hi,

would like to use logo size width 250px and height 178px. Added the code you gave to quick CSS and it helps (proportions ok) but the logo goes on search form. My question is how to move the form little bit below so it would be still responsive on every device?

url: http://mysite.webberry.eu/

Thank you!
Steve

[Laura]

Hello, you could try to add this to quick css

COPY CODE

.revslider-head.absolute-head .form-wrapper {
    margin-top: 238px !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