Need to block mobile header menu (drop down) at top of mobile pages

Thanks for using Apex!

Could you explain this customization in more detail?

Thank you for responding.

What we are after is less padding in the header area, and thought the blocking of the mobile view drop-down menu might be helpful. We have decided not to do that, after all.

We are using the following to lessen the padding overall:

.title-container {
margin: 3em auto;
}

On this page: https://hsm.coupons/home-screen-coupon-networks/, the space between the Google Translator and the screen reader line “Home Screen Coupon Networks” we would like to lessen.

Okay no problem.

That snippet is adding margin above/below the site title container, but you can hide it instead to remove all the space:

.title-container {
  display: none;
}

If you only want to make this modification to the homepage, you can write it like this:

.home .title-container {
  display: none;
}