OK I’m not sure how I’d fix that as it works in the 5 themes we’ve tried it here.
You could try the following:
1. Modify the CSS so that it appears correctly.
The DIvs in questions are id=”learningObjectSubPageMenu”
and class=”progress”
so you’d want to add
#learningObjectSubPageMenu
{
}
and
.progress
{
}
and change their positioning.
OR you could use jquery to move the actual div itself.
https://www.elated.com/articles/jquery-removing-replacing-moving-elements/
Specific Examples:
// Move the paragraph from #myDiv1 to #myDiv2
$(‘#myDiv1>p’).appendTo( $(‘#myDiv2’) );
// Move the paragraph from #myDiv1 to #myDiv2
var para = $(‘#myDiv1>p’);
para.prependTo( ‘#myDiv2’ );
// Move the paragraph from #myDiv1 to #myDiv2
// by explicitly detaching it then adding it again
$(‘#myDiv1>p’).detach().prependTo(‘#myDiv2’);