Increase Arcane Theme logo size (CSS)

  • Unknown's avatar
    morganerusseil · Member ·

    Hello!

    First of all sorry for my english, french person speaking here ;)

    I recently added a logo to my blog since I wanted its title to have a very specific appearance. Sadly, my theme (Arcane) seems to impose a maximum size for it, which I find way too small for my taste. I was thinking of increasing it using the Customize>CSS option but I am awfully new to CSS and everything I’ve tried up until now did not work :-/ Any piece of advice (or CSS line) would be greatly appreciated!

    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    wpx2 · Member ·

    Hello @morganerusseil

    I took a look on your website and I can tell that increasing the size of the logo through CSS is very possible. The following CSS codes will increase the size of your website’s logo:

    @media (min-width: 1200px) {
.site-logo {
    max-height: 100px;
    min-height: 100px;
}}
    @media (min-width: 768px) {
.site-logo {
    max-height: 100px;
    min-height: 100px;
}}

    You can play around with the size of the logo by changing the number 100px to a bigger or smaller value to meet your desired size.

    To make the logo bigger on devices with a display that is less than 768px, use this CSS code: (Increase or decrease the size of the logo by changing the number 70px)

    .site-logo {
    max-height: 70px;
}

    Please let me know if the listed CSS codes make the changes you need, and if you need extra adjustments :)

  • The topic ‘Increase Arcane Theme logo size (CSS)’ is closed to new replies.