Some parts of the css stylesheet not rendering using Hugo server -D

support
1

Hello! I am new to building Hugo themes and I have been searching for this particular problem of mine but cannot find solution for it. I’m currently trying to develop a theme for my website using Hugo, but the problem that I’m facing is some parts of my CSS stylesheet is not rendering when I use hugo server -D. But when I build the pages, the CSS works fine.
Here is the single page template:

{{ partial “header.html” . }}
<div class=“single-img”></div>
<div class=“overlay”></div>
<main class=“main container”>
<div class=“breadcrumbs”>
<span class=“breadcrumbs-span”>…

The second line css just after the header partial code is not getting rendered. What is the problem I’m facing?

2

Hey! Is your code publicly available somewhere? If so, please share a link! If not, please make a minimal reproducible example and share that.

It’s hard to debug the issue without that. Hugo does a lot of things, so there’s a lot of possible things that could be the problem :slight_smile: