OT: Hugo hides a section on my site - why?

support
#1

If you look at the index page at https://www.nuccomputers.com/ - there is a section Call to Action - it’s right above the footer and testimonial. Hugo shows some white space - it’s there. It’s a very simple section, and you can see it in the code - but Hugo does not show it on the page! :thinking: I can’t understand why. The Console does not show any errors. May be you can understand what’s going on there?

#2

Not a Hugo issue as far as I know.

I am not a CSS expert, looking at the section for the call to action, removing the overlay attribute (?) from class in line 2 (starting from 1) in the code below did the trick.

<!-- Start Call To Action -->
<section class="call-to-action section-sm bg-1 overlay" style="background-image: url('https://www.nuccomputers.com/img/backgrounds/bg-1.webp'), url('https://www.nuccomputers.com/img/backgrounds/bg-1.jpg')">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2>Don't miss out on your opportunities!</h2> 
                <h2>Invest into your success foundation!</h2> 
            </div>
        </div>
    </div>
</section>
#3

OK, sorry if it’s not a Hugo issue. However I used this section with overlay in my old Hugo site. And it worked.

#4

Not a problem at all. I have no idea why it happens I just removed different attributes until something worked.

#5

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.