There is a menu-sandwich, which went down to the content, so that this does not happen when you click on the menu, added padding-top from this very content. The question arose whether adaptability is possible to build, for example, at below 1200 resolution padding-top: 430px, at below 978 - padding-top: 330px, etc.

PS The owl-carousel has something similar, it is set via options. Help add, I can not figure it out.

// TOGGLE MNU MOBILE SANDWICH $(".toggle-mnu").click(function() { $(".sandwich").toggleClass("active"); }); $(".toggle-mnu").click(function() { if ($(".hidden-mnu").is(":visible")) { $(".hidden-mnu").slideUp(); $(".doc-info").css('padding-top', '430px'); } else { $(".hidden-mnu").slideToggle(); $(".doc-info").css('padding-top', '668px'); } }); // Пример с OWL.Carousel responsive:{ 0:{ items:1 }, 600:{ items:1 }, 1000:{ items:1 } }
  • one
    You can try not to set the padding through js, but simply hang the css class on the element, for example opened and already in css, with the help of media queries, set different indents depending on the width and orientation of the screen. - PavelGorobtsov
  • For sure! it never even crossed my mind :( - YourDeveloper

0