Hello. I'm developing a website for a client using your Nanotech Theme. First thing I've noticed, when implementing the hero on the index Home page, is that any background image I chose gets positioned in a container below the main hero content. In fact both containers are at the same level when inspecting them:
Hello. I'm developing a website for a client using your Nanotech Theme. First thing I've noticed, when implementing the hero on the index Home page, is that any background image I chose gets positioned in a container below the main hero content. In fact both containers are at the same level when inspecting them:
<div id="hero" class="has-image autoscroll"></div>
<div id="hero-image-wrapper" class="inherit-header-color" style="height: 651px;"></div>
I've checked the options panel, and it doesn't seem to be any option interfering with this issue.
Could you please give me some clue on. what might be causing this issue?
Thank you very much.
Sergio
Hello Sergio,
that's correct, the hero image wrapper is on the same level and following the hero container.
What I assume you want to is to have the hero image displayed just underneath the hero caption (which is overlays the image)
so you can add a conditional to remove the 'hero-below-caption' class in /include/hooks-config.php
https://prnt.sc/tErpAj3FOPg9
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio