Make header same size in every page

  • Unknown's avatar
    workinculture · Member ·

    Hello,
    For the Argent theme, I’m using a header that doesn’t look the same size on every page. I want it to look as it does on the homepage. Can someone help me with this?
    Thanks,
    Mona

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    wingmatt · Member ·

    Hi Mona,

    I dug into the Argent theme’s CSS a bit, and discovered that it has slightly different padding rules for the header image on the homepage versus other pages. This seems to be what is causing the discrepancy.

    If you’re on a plan that supports custom CSS (Premium or Business), you can plug this into the custom CSS field in the theme customizer and see if it makes things more uniform:

    .site-branding {
	padding: 2.5em 0;
}

@media screen and (min-width: 768px) {
	.site-branding {
		padding: 7.75em 0;
	}
}

    If you don’t have access to custom CSS, you may be able to work around the problem by adding some whitespace to the top and bottom of your header image. If you do this, I would start by adding around 75 pixels of whitespace to the top and bottom of the graphic and see where that gets you.

    Hope this helps!

    Matt

  • The topic ‘Make header same size in every page’ is closed to new replies.