Hide a Section in Footer (One Page)

Suppose you have 2 sections in the Footer, and you want to hide Section 2 on one page.

Table of Contents

One Page

You can use this code to Page Header Code Injection

<!-- One page --> 
<style>
footer.sections section:nth-child(2) {
  display: none !important;
}
</style>

If you want to hide section 1, just change the nth-child(2) to nth-child(1), similar to section 3 nth-child(3)

Search Page

You need to add code to Code Injection > Footer

<!-- Search Page -->
  <script>
if (document.location.pathname.indexOf("/search") == 0) {
    document.querySelector('body').classList.add('t-search')
}
  </script>
  <style>
  body.t-search footer.sections section:nth-child(2) {
    display: none !important;
  }
  </style>

Mobile

Add this code to the Custom CSS box

/* Mobile */
@media screen and (max-width:991px) {
  footer.sections section:nth-child(2) {
  display: none !important;
}}

Desktop

Add this code to the Custom CSS box

/* desktop */
@media screen and (min-width:992px) {
  footer.sections section:nth-child(2) {
  display: none !important;
}}

Tablet

Add this code to the Custom CSS box

/* Tablet */
@media screen and (min-width:768px) and (max-width:991px) {
   footer.sections section:nth-child(2) {
  display: none !important;
}}