Hello,
I need some help in designing my header main-menu. I want that when someone lands on my website, my homepage loads with no menu and when the user scroll down menu shows at the top. Also, I need help in aligning my logo to the leeft as it would leave a bad customer experience.
Please, check the link mentioned below:
Menu & logo problem
Hi,
The menu would be hidden along with the whole header if you use an empty page template for example
– https://www.screencast.com/t/P1iyBJoZMPT
But that will remove the footer as well. Such a dedicated setting does not exist at the moment. I believe there are plans to add more design and functionality settings for the theme headers, in future updates.
I could give you a code, check if it works. It applies only on the homepage and it should remove the menu when not sticky
– https://www.screencast.com/t/zhljPzQFJQNl
And display it when sticky – https://www.screencast.com/t/tQBvtwnW
Give it a try, enter it in Theme panel custom CSS section
.home .td-header-menu-wrap {
display: none;
}
.home .td-header-menu-wrap.td-affix {
display: block;
}
Thanks
Hi,
The code you mentioned works only on the default template but not on page builder + empty page. Is there any way by which I could make the hero image full screen and my menu transparent?
If possible please suggest a way
Thanks,
DK
Hi,
The empty page template does not display the entire header, there would be no menu to hide there with a code, or make visible. You can use a hero element but there will be no header with the empty template.
Maybe the menu overlay template is what you are looking for
– https://www.screencast.com/t/yqg7JXgbl
A demo using that page template – https://demo.tagdiv.com/newspaper_spa/
Thanks
