Logo killing me… How do I change the display dimensions?!

[nwdisciples]

#642864

In the interest of time, I’m coming here.
https://northernlightsdisciples.org/ (it’s very rough and meant as a placeholder for now)

My logo uploaded at 81px x 93px. I believe that there’s a setting, somewhere!, in the headers that would stop it from displaying at more than 300px high… but I can’t find it.

Before I lose my marbles, I’d appreciate a nudge in the right direction (if not complete directions 🙂 )
Thank you!
–Amber

[marklchaves]

#642866

Hi,

I’m a bit confused. What is the final res you want your logo to be displayed? 300px in height?

The logo you uploaded is 81 x 93. I can confirm that. So, that’s what Avada is using.

Are you sure you are uploading your 300px in the right place? You should supply a retina version too (2x size of orig). Make sure these images go into the right field.

More here https://theme-fusion.com/documentation/avada/header/adding-the-logo-favicons/

Good luck!

[nwdisciples]

#642868

Thanks, marklchaves! I’m sorry I wasn’t clear enough- I’m very frustrated.
I want the image to display at 81 x 93. But when I view the page, the image is displaying at 374px high.

I don’t want it to display the larger size, I want the smaller one. It’s a CSS setting based on what I’m seeing in the Inspection tool… I just don’t know how to get at it.

–Amber

[marklchaves]

#642882

Hi Amber,

Part of my confusion is that I’m seeing your logo at 81×93. If that’s what you desire, then it’s working for me on my Surface tab, Macbook Pro, and iPhone 6 on Firefox & Chrome. See screen captures for an example.

https://imgur.com/a/A7WKAyt

Your HTML & CSS code from the inspector looks good too. See width="81" height="93"

HTML

<img src="https://northernlightsdisciples.org/wp-content/uploads/2019/08/NLR-Logo-C-sml.png" srcset="https://northernlightsdisciples.org/wp-content/uploads/2019/08/NLR-Logo-C-sml.png 1x" alt="Northern Lights Region Logo" data-retina_logo_url="" class="fusion-standard-logo" scale="0" width="81" height="93">

CSS

.fusion-logo img {
    width: auto;
}

img {
    border-style: none;
    vertical-align: top;
    max-width: 100%;
    height: auto;
}

What device are you seeing the larger scaled-up version?

If you need you can try this CSS to make customisations. But, again, the code looks good the way it is.

.fusion-standard-logo {

    min-width: 200px !important; /* Adjust this as needed. */

}

Good luck!
mark

P.s. Just an FYI. Before I started actively participating in this forum, many questions were ignored since 2018. This isn’t a reliable forum if you need a quick answer. Sorry to say.

[nwdisciples]

#643131

Thank you again, marklchaves!
I wonder why on my desktop, using Chrome, it’s displaying so large?

Ahh well, I will continue to fuss with it. I’m relieved to know it’s displaying correctly for you. And thank you for the tip that this forum is not well used.

Regards

[Nyemo2016]

#810582

use global layout, you will be able to design your logo size as you can see my website https://www.zepisaafricansafaris.com/ or you can use Avada pre build website called Pet Supplies is use global header layout and you can learn something

[habibisoft]

#882697

what is the ideal size of Retina Default Logo in avada theme, here is my webiste please check https://wwww.habibisoft.com

[Ammar. S]

#882732

Hello @habibisoft

The retina logo should exactly be the 2x of your original logo, if your original logo is 100×200 the retina should be 200×400.

Thanks

-Ammar

[habibisoft]

#882999

thanks alot it is resolved
https://www.habibisoft.com

[Author]

Posts