Changing site logo size

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

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