Change header and logo size on home page

[Alexey_Ayzin]

I understand how to change the header and logo size in general.

.d-header #site-logo {
  max-height: 140px;
}
.d-header {
    height: 150px;
}

was used in the CSS section of admin. But I am wondering how to modify the size only on the home page.

[dax (Daniela)]

Try to use this target in your css .navigation-topics .logo-big instead of .d-header #site-logo

[alexjpanagis (Alex Panagis)]

مرحبًا دانييلا، يبدو أن كود CSS هذا لا يعمل معي أيضًا لتغيير حجم شعار SVG في شريط التنقل…

أفضل التحيات،

أليكس

[dax (Daniela)]

هذا موضوع قديم جدًا، الآن يوجد مكون موضوع لتغيير حجم الشعار في موقعك،

Big Header - Little Header

This theme component will provide a stationary header with a large logo when scrolled at the top of the page. As you scroll down the page, the normal Discourse header bar will appear. This allows a large site logo to be cleanly displayed at the top of the page. On mobile, the header bar will only display when the phone is in portrait orientation. Vertical space is usually fairly limited when you are in landscape orientation, so this will keep things open. To see the header again, you can either…

[alexjpanagis (Alex Panagis)]

مرحبًا دانييلا، شكرًا لك! لا بأس، لقد تمكنت من حلها. إليك كود CSS لأي شخص آخر قد يحتاج إليه:

.logo-big {
  width:8vw!important;   
  min-width:100px;
}