Hide Menu and Menu color in Home page

I’ve got this up at blissfully.io. I love the look of it when full width, but wanted to make 2 modifications: (1) remove the menu from the home page so it doesn’t show up at all (will be adding stuff below the fold), and (2) to have the logo always show up with the photo background when in the smaller view (instead of the color background above the photo).

Hello there,

In order to achieve that objective, could you please try to add the following CSS code through the Simple Custom CSS plugin?

.home .mainnav,
.home .btn-menu{
  display: none;
  visibility: hidden;
}

@media only screen and (max-width:991px){
  
  .site-header,
  .site-header.fixed{
    background: transparent !important;
    position: absolute !important;
  }  
  
}

Let me know how it goes. I’ll wait to hear back from you regarding your stats.

Regards,
Kharis

HI Kharis - that worked great, thank you!!

-Ariel

Dear Ariel,

Thank you for updating me. I am glad to know that it worked for you.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis