How to make the logo appear bigger

  • Author
    Posts
  • #119522
    onajourneynl
    Power User

    Good evening,

    How can I make the logo bigger? Even if I upload a logo in a bigger size, it stays the same size..
    Hope you can help me. Thank you.

    #119674
    onajourneynl
    Power User

    I already fixed this issue 🙂 so nevermind!

    #120290
    Zed
    Cryout Creations mastermind

    Hi,

    For anyone else wondering about this, the logo image is limited to the menu bar height. But this can be tweaked with CSS to have the logo image display at its original size and expand (overflow) out of the menu bar, if desired:

    body .identity {
        height: auto;
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #131470

    hello where exactly in Bravada style.css should I put this body .identity {
    height: auto;
    } in? Thanks!

    #131498

    Hey Ricky!

    If you right click on the logo, and then choose inspector, this will bring up devtools and will allow you to see what css file to put it in, but essentially you should be able to hit enter twice below the last line of code, and then paste it there.

    It may even be feasible to add !important to it, to assure that this style sticks…. so the code would be more like:

    body .identity {
    height: auto !important;
    }

    #131619
    Zed
    Cryout Creations mastermind

    The important is not necessary as that styling is already more specific than what’s present in the theme.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #131628

    Hello I’m sorry I still don’t get where I should place that body .identity {
    height: auto;
    }

    Not sure where to place the code when I right click the logo in the menu bar and click Inspect it pulls up the menu header info and when I add this text code to the CSS file nothing happens, some of the other text is different colors but the code I paste in from here is in plain black. Not sure if that matters. How do I get the logo to be regular size on the homepage in the top menu part then as you scroll down the page the logo becomes small in the menu bar?

    Thanks!

    Website: twelvesigns.tv

    • This reply was modified 2 years ago by rickyg213.
    #131830
    Zed
    Cryout Creations mastermind

    Custom styling can be used either in a child theme’s style.css file (if a custom child theme is used), WordPress’ dedicated Additional CSS field or a custom CSS plugin.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘How to make the logo appear bigger’ is closed to new replies.