http://demo.joomlead.com/particles/index.php/gantry5-atom/back-to-top
Hi. I found one impractical thing in administration. When I have a container and a few rows in it. I want to change the order of the lines, so it's impossible. Because when I grab a particle lying on a row and want to move it, it always inserts itself at the beginning of another row, before another particle. I can't even add more blank lines so I can move comfortably. My blank line will be deleted immediately.
I need to move the second title among the accordions. How do I do that?
@marvays Remember that you must hover just past the far left end of the particle row to induce the draggable event you need.
https://ibb.co/JxYjZdX
https://ibb.co/5WqCQzk
https://ibb.co/z5zCsMx
the above example is from Joomla 3.x
If you drag from the middle of the Particle, then you get the problem described in your post.
@dmleeman This is exactly what came to my mind as a second option. But it doesn't work. The whole menus e decides and the left side starts at the link. It would have to be calculated dynamically for each menu link and I won't do it by rewriting the css.
So I choose:
g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
position: relative;
background: #0093a8f2;
border: 0px;
margin: 0px -1500px 0 -1500px;
padding: 30px 1500px 30px 1500px;
overflow: hidden;}
An exception has been thrown during the rendering of a template ("Rendering Atom 'backtotop' failed on error: An exception has been thrown during the rendering of a template ("DOM Error 76: Unexpected end tag : i while parsing: <!doctype html> <html><head></head><body> <script> jQuery(function($) { var a = document.createElement('a'); a.className += 'back-to-top'; a.title = 'Back to top'; a.innerHTML = '<i class="fa fa-angle-double-up"></i> '; document.getElementsByTagName('body')[0].appendChild(a); if ($('.back-to-top').length) { var scrollTrigger = 100, // px backToTop = function() { var scrollTop = $(window).scrollTop(); if (scrollTop > scrollTrigger) { $('.back-to-top').removeClass('backHide'); } else { $('.back-to-top').addClass('backHide'); } }; backToTop(); $(window).on('scroll', function() { backToTop(); }); $('.back-to-top').on('click', function(e) { e.preventDefault(); $('html,body').animate({ scrollTop: 0 }, 700); }); } }); </script> </body></html> ").").
https://getuikit.com/docs/modal
or
https://getuikit.com/docs/lightbox
