Navigation on my home page is not formatting correctly. Not sure how to fix. All pages have the same Global Header Group, however the home page is the only one that’s not formatting correctly. Any ideas on what/where I can go to fix the problem?
I’ve tried cloning the group and removing the Custom CSS Class, but nothing has worked to this point. And, short of jumping in to edit the code, I’m not sure what to do.
Thanks for your help.
Hi @JesseBlack Welcome to the Community.
As it turns out the following code was added to the Head HTML (Edit > Edit head) of your template Vast Homepage Copy:
<style>
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
float: left;
padding-top: 45px;
padding-left: 65px;
font-size: 45px;
</style>
By commenting out the paddding-top and padding-left declarations I was able to align the elements. I also changed the font size to 14 to match the other menus ,
<style>
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
float: left;
/*padding-top: 45px;
padding-left: 65px;*/
font-size: 14px;
</style>
Since this is the only page built on this template, this will only affect the home page.
Thank you,
Ed