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

Support

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

There is now a theme component for this:

Topic		Replies	Views
Thin Header Theme component official , thin-header	0	4409	January 4, 2018
Increase header size when using Graceful theme Development graceful-theme	8	109	March 12, 2019
CSS to increase height of logo and header in dektop <> Mobile view Development css	16	1006	January 31, 2024
Disable the topic to show in the header / change logo size Feature	6	2045	July 23, 2015
Big header, scroll down, make header small (Like default size) Support	14	5560	March 4, 2019

Reduce the size of the header

Related topics