The html on my pages are not responding

Can you step us through the minor changes that you did?

Just copy pasting the footer html parts from a different page which was the https://www.getdoc.co/wellness . Didn’t modify any other parts of the website

Apparantly my html tags keeps disappearing after saving the footer widget.

.submenu { padding: 10px 0 0; margin: 0 auto; text-align: center; font-size: 18px; text-weight: bold; }
.submenu .wpb_column { border-bottom: 1px solid #DDD; }
.submenu ul { list-style: none; padding: 0 !important; }
.submenu ul li { display: inline-block; position: relative; }
.submenu ul li a { 
    text-decoration: none; padding: 10px 50px; border: 0 !important;
}
.submenu ul li a:hover {
    text-decoration: none !important;
}
.stick {
    position:fixed;
    top:0;
    width:100%;
    z-index:100;
    background-color:#F7F7F7;
}
@media only screen and (max-width: 767px){
 .submenu { font-size: 16px; padding: 15px 0 0 }
 .submenu ul { margin-bottom: 20px; }
 .submenu ul li a { padding: 30px 10px; }
 #about, #benefits, #how-it-works, #faq { padding-top: 50px !important; }
}

function sticky_relocate() {
  if(jQuery('#submenu-anchor').length > 0) {
    var window_top = jQuery(window).scrollTop();
    var div_top = jQuery('#submenu-anchor').offset().top;
    if (window_top > div_top) {
        jQuery('.submenu').addClass('stick');
        jQuery('#submenu-anchor').height(jQuery('.submenu').outerHeight());
    } else {
        jQuery('.submenu').removeClass('stick');
        jQuery('#submenu-anchor').height(0);
    }
  }
}

jQuery(function() {
    jQuery(window).scroll(sticky_relocate);
    sticky_relocate();
});

it will auto revert back into the above code after I click save