This isn’t straight forward because the title would need to be added to the same container element as the filter in order to adjust the ordering using CSS grid or flexbox properties. If you want some JavaScript code that does that, which you can paste into MT here it is:
function docReady(fn) {
// see if DOM is already available
if (document.readyState === "complete" || document.readyState === "interactive") {
// call on next available tick
setTimeout(fn, 1);
} else {
document.addEventListener("DOMContentLoaded", fn);
}
}
function detachElement(node) {
return node.parentElement.removeChild(node);
}
docReady(function() {
if (document.getElementById('post-3416')){
let title = document.getElementsByClassName('fusion-title-3');
if (title){
let detachedTitle = detachElement(title[0]),
container = document.getElementsByClassName('fusion-grid-archive');
if (container){
container[0].prepend(detachedTitle);
}
}
}
});
Once you’ve added that, target the .fusion-grid-archive element with Microthemer and use the CSS grid controls to move the 2nd filter element to the top.
There are CSS adjustments you could make, like float, position or negative margins. But in my experience, it often leads to responsive styling issues on mobile that become complex and time consuming to resolve. So moving the HTML is my preferred approach. And in this case, one option is to use JavaScript to move the element once the page loads, seeing as you can’t edit the HTML directly.
I have placed the javascript in the correct place but am a bit stuck in moving the “A Selection” bit below the filter “All Landscape Myths Old Masters Portraits Still life”
The “A Selection” part needs to go in between the filter and the images.
I tried targeting what you suggested .fusion-grid-archive but that targets everything (so filter AND images) and using the grid make no sense to me and I tried targeting .fusion-filters (which only tragets the filters) but am not entirely sure how to swith it’s place with the “A Selection” part.
Apologies for the slow reply, I’m currently on holiday in Wales. I see that the original link you provided is now displaying a 404 page. Could you send me an updated link so I can see what’s going on and advise you further?
Go and enjoy your holliday :-). I redid the whole page and removed the part that needed to be flipped around. So in that regards there is no longer an issue.
I do appreciate you helping and even taking time from your vacation.
