Hey there! I am starting to build a website using the LoveIt theme and I ran into a weird problem: the theme-switch button does not work on the home page, but works on other pages. Also, when on mobile mode, the menu dropdown icon does not work on the home page, which makes me believe the problem is related to the whole menu on the home page.
I am new to Hugo, so please forgive me if this is too basic of an issue. It shouldn’t be too hard to find the issue, considering the fact that I just started setting up this app and I haven’t made many modifications.
What I have done:
-
Changed the header height in _overwrite.scss:
$header-height: 4.5rem
-
Changed the .logo css in _header.css to fit my taste:
.logo {
min-height: 3rem;
height: 3rem;
vertical-align: text-bottom;
margin-top: 0.70rem;
}
- Added some icons to the menu bar, but I did this after it stopped working, so I don’t think it’s related. In _header.html, in lines 60 and 162 (desktop and mobile menus, respectively)
<a href="https://www.instagram.com/cabiot_ufrgs/" class="menu-item">
<i class="fa-brands fa-instagram fa-lg"></i>
</a>
<a href="https://wa.me/" class="menu-item">
<i class="fa-brands fa-whatsapp fa-lg"></i>
</a>
<a href="mailto:example@gmail.com" class="menu-item">
<i class="fas fa-solid fa-envelope fa-lg"></i>
</a>
Here’s the link to my GitHub repository.
Any help is much appreciated!