Avada Forums Community Forum Logo killing me… How do I change the display dimensions?!

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • marklchaves
    Participant
    Post count: 873

    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
    Participant
    Post count: 3

    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
    Participant
    Post count: 873

    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
    Participant
    Post count: 3

    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
    Blocked
    Post count: 5

    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
    Participant
    Post count: 4

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

    Ammar. S
    Keymaster
    Post count: 2546

    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
    Participant
    Post count: 4

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

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.