henriquepisidoro

After using this code to have only 1 row on masonry gallery on mobile view: /* Masonry one item on mobile */ @media screen and (max-width:767px) { .gallery-masonry-item-wrapper { height: auto !important; margin-bottom: 30px !important; } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; } .gallery-masonry-item-wrapper { height: auto !important; } .gallery-masonry .gallery-masonry-item[data-loaded] img { width: 100% !important; } .gallery-masonry { padding-left: 10 !important; padding-right: 10 !important; } } The Button "Next" started showing in the middle of the gallery instead of being on the bottom before the footer. Also the footer disapeared. The link to the page is: https://www.henriqueisidoro.com/osloapparel

Also the footer stop showing up

After using this code to have only 1 row on masonry gallery on mobile view: /* Masonry one item on mobile */ @media screen and (max-width:767px) { .gallery-masonry-item-wrapper { height: auto !important; margin-bottom: 30px !important; } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; } .gallery-masonry-item-wrapper { height: auto !important; } .gallery-masonry .gallery-masonry-item[data-loaded] img { width: 100% !important; } .gallery-masonry { padding-left: 10 !important; padding-right: 10 !important; } } The Button "Next" started showing in the middle of the gallery instead of being on the bottom before the footer.

Site URL: https://henriqueisidoro.com By default, the Wells template displays all navigation folders as expanded in the mobile menu, so you see all sub pages. I want people to be able to click on a folder to expand it, otherwise the mobile menu is way too busy. Is there code injection I can use to collapse the folders in the mobile menu? Thanks so much! I tried this one: (it works, but when it opens it's not able to show all the options, because it crops) /* Put this into Settings->Advanced->Code injection->Footer */ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <style> .mobile-folder > ul { display: none; } </style> <script> $(document).ready(function() { $(document).on("click", ".mobile-folder > a", function(e) { e.preventDefault(); $(this).next("ul").slideToggle() return false; }) }); </script>