Open jlaura opened 2 years ago
The custom header and footer are outside the #body
div
that is the regular content. I had to copy the left margins from here: https://github.com/matcornic/hugo-theme-learn/blob/e817f53d690d35f181c896e0e320cb40f797e88c/static/css/theme.css#L324-L328
https://github.com/matcornic/hugo-theme-learn/blob/e817f53d690d35f181c896e0e320cb40f797e88c/static/css/theme.css#L1018-L1055
on to the footer div
that I had in order to get it placed properly.
My organization requires a custom header and footer for all of our branding. I quite like the Hugo learn theme, so I am attempting to merge the two.
In the screen shot above, you can see the header is rendering under the sidebar. This is occurring when I place the required header material into the custom-header.html partial. The custom header, added just prior to the tag, is:
I suspect that this has to do with the position properties on the sidebar and possible how they are interacting with the CSS required by the header. Those css files are loading properly from common.css and custom.css that I have added into the /static directory.
Am I improperly making use of the custom-header.html partial or is this an issue where the CSS required by the header is conflicting with the CSS defined by the project?