[rizkadarmawan]

Hi Mate, is there a way to decrease the header and footer height? I have been playing with the style.css, but did not make it. I would need the heights as small as possible. Can anyone help?

Thanks for your suggestions.

[Skandha]

@rizkadarmawan: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (min-width: 1024px) {
	.site-header-main {
		padding: 0px 30px !important; 
	}
	#site-generator {
    	        padding: 10px 15px !important;
	}
}

Let me know if this works out!
Kind Regards,
Skandha

[rizkadarmawan]

Hi Skandha,
Thank you in advance for your help, but I have tried the css code and it has no effect, and the header size is still the same, is there a minimum other way to minimize height menu so it is not too big. Thank you

[Skandha]

@rizkadarmawan: Hello there,
Can you explain which space you would like to reduce on your site?

If you want to change height of the Primary Menu please try adding the following CSS Code.

@media screen and (min-width: 64em) {
	.site-navigation a {
		padding: 15px 0px;
	}
}

You can change the padding to adjust the height of the primary menu container.
Let me know if this works out!
Kind Regards,
Skandha

[rizkadarmawan]

Hi Skandha, I Try the CSS code that you given to me, and it totally works! Thank you mate.

[Skandha]

@rizkadarmawan: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/travelore/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[rizkadarmawan]

Hi Mate, did you have code for reducing space from the primary menu to the content? Because the content looks so far from the primary menu. Thank you

[Skandha]

@rizkadarmawan: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (min-width: 64em) {
	.site-content {
	    padding: 0px;
	}
}

Let me know if this works out!
Kind Regards,
Skandha

[Author]

Posts