Logo size

colorsstudio

I would like to change the size of the small logo on front page dev.bioclimatic.sapce, with out changing the size of the logo on all other pages.

Happy new year

cssyeah

Hi @colorsstudio,
I have added the custom code below to the CSS customization section on your website. The logo size has been changed.

.navbar-brand.logo-control {
    width: 113px;
}

Kind regards,

colorsstudio

Thank you but.
I wont to change the small logo only on the front page.
That way it change the logo on every other page too. I do not wont that.
I would like to have the logo on front page small and the logo on the other pages biger
Kind regards

principal

If you add a menu item class to your Homepage menu item - e.g. homepageClass - then add .homepageClass just before the custom CSS suggested above, it should target the Homepage logo only.

.homepageClass .navbar-brand.logo-control { width: 113px; }

You can name the class whatever you like.

cssyeah

Hi,
I have updated the style customization. The home page logo will be smaller than the logos of the inner pages. You can also customize the size in the Custom CSS section.

Kind regards,

colorsstudio

Thank you, Happy new Year 2025