I have two sites where I like to have Move with Page Bottom in the smartphone layouts (custom layout). I earlier (v6) manage to get i to work as expected in Buona Sera Meny Pizza
When trying to achieve this (v7) in Kolumn I/it fails. The button (on this side only) moves as expected with the grey bar as expected.
Going back to Buonasera I then see that Move with Page Bottom is not active, though it works.
I cant figure this out. What cause this not to work?
This isn’t an option I’ve used that often, but I think if I wanted an element to stick to page bottom, I would create a fixed-in-window pop-up with the following settings:
This will work on all devices and ensures that the bottom element always sits at the bottom of the browser window. The only thing that you must ensure is that there is sufficient blank space at the bottom of the page to allow for the pop-up. If you don’t allow this additional space, the popup will obscure any content at the bottom of the page. I find this to be a cleaner solution that having things stick to page bottom.
I think there used to be an option called “fix to browser window.” That would keep the element visible in the same position in the browser at all times.
It’s possible that this was replaced by a pop-up. In my opinion, that would be the best solution for this.
I don’t recall a stick to browser bottom option - I know there was, and still is, a move with page bottom option, but that is something different. As I said a better and more consistent option is to use a fixed in window popup aligned to the bottom of the window. That keeps it visible regardless of the browser window size.
So we are talking about the green bar with the phone number at the end of the browser window in the smartphone layout (pizza page)? This position - for me - is not at the page bottom. It is at the end of the browser window.
Correct! I may have interpret the function wrong (as it the behavior I see). I will also try the solution suggested above. Thank you all for suggestions!
Though I just recalled how I did the ‘following browser window’: Layout Block - Custom Scrolling - Fix to browser bottom.