Reduce Header

  • Hello!

    I have the header very big, I want to reduce the height. Do you how I can change it?

    Thanks!!!!

    ??

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hey @leganz,

    Thanks for reaching out! ??

    The following CSS code should reduce the header height:

    
@media only screen and (min-width: 40.063em){
	.site-title {
    padding: 0;
	}
	.main-navigation ul a {
		padding-top: 0.9em;
    padding-bottom: 0.9em;
	}
}

    This is how the header will look like once you add the code.

    Feel free to adjust values from the provided code by your choice.

    Let me know if the code helps!

    Kind Regards,
    Milos | GoDaddy

    Thread Starter leganz

    (@leganz)

    Thanks Milos!! ??

    But where do I have to write it? I put it in CSS additional but nothing happened.
    Is there something of the code that do I have to change?

    Thanks again ??

    Thread Starter leganz

    (@leganz)

    Perfect Milos,
    Now it has worked,
    Do you know how to put another header like in this photo the red part?

    View post on imgur.com

    Thanks a lot ?? ?? ??

    Hey @leganz,

    I’m happy to see that you’ve managed to add the red top bar on your site in the meantime!

    Kind Regards,
    Milos | GoDaddy

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Reduce Header’ is closed to new replies.