Changing site logo size

  • Resolved jdema

    (@jdema)


    4 years, 6 months ago

    Hi. Many thanks for this theme. I’m wondering if it’s possible to make the max logo size any larger (width, modifying the css)?

    • This topic was modified 4 years, 6 months ago by jdema.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hey jdema,

    I’m glad to hear that you’re enjoying the theme ??

    You can modify the size of the logo by using the following custom CSS code:

    #site-header > div.header__inner.flex.items-center.justify-between.h-inherit.w-full.relative > div.header__title-nav.flex.items-center.flex-nowrap > div > a > img
{
   width: 500px !important;
   max-width: 500px !important;
}

    Feel free to adjust the px number for max-width per your needs, depending on how big you want your logo.

    Let me know if this worked for you. ??

    Best Regards,
    Pavle

    Thread Starter jdema

    (@jdema)

    Thank you thank you! Now my only problem is that with mobile it’s spilling. Any thoughts or should I just rethink my logo?

    Hey @jdema,

    You’re most welcome.

    You can try modifying the code and change value to percentages. That would make it more responsive.

    Example:

    #site-header > div.header__inner.flex.items-center.justify-between.h-inherit.w-full.relative > div.header__title-nav.flex.items-center.flex-nowrap > div > a > img
{
   width: 120% !important;
   max-width: 120% !important;
}

    Change the number of both percentage values per your needs.

    Let me know if this worked for you. ??

    Best Regards,
    Pavle

    Thread Starter jdema

    (@jdema)

    This did the trick! Thank you ??!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Changing site logo size’ is closed to new replies.