Hello Guys, Need some help to reduce the size of the top header using css, without affecting the mobile view. Here is my site: https://neuraldatascience.com [Screenshot at 2017-12-01 01-23-39] Thank You.

What do you mean with [image] Pravi7434: reduce the size of the top header ? Do you want to reduce height or width? However, you should be able to easily change the header for desktop by adding the prefix .desktop-view to your CSS.

Thanks for the response @Trash The header occupy much space. I am expecting to reduce the height of the header. Thanks in advance.

There is now a theme component for this: [image] Thin Header Theme component discourse2 Summary Thin Header reduces the height of the default Discourse header. eyeglasses Preview Preview on Discourse Theme Creator hammer_and_wrench Repository Link htt…

Reduce the size of the header

Soutien

Remah (Just another happy Discourse user) Janvier 30, 2020, 11:08 5

Il existe désormais un composant de thème pour cela :

Sujet		Réponses	Vues
Thin Header Theme component official , thin-header	0	4420	Janvier 4, 2018
Increase header size when using Graceful theme Development graceful-theme	8	120	Mars 12, 2019
CSS to increase height of logo and header in dektop <> Mobile view Development css	16	1083	Janvier 31, 2024
Disable the topic to show in the header / change logo size Feature	6	2057	Juillet 23, 2015
Big header, scroll down, make header small (Like default size) Support	14	5569	Mars 4, 2019

Reduce the size of the header

Sujets connexes