Hmm okay, then i know!
I found a different way to achieve the same thing but using the Max mega menu that comes bundle with the theme, and it seems that they have a sloution for it:
https://www.megamenu.com/documentation/push-content-down/
I have done exactly as it says in the link above and chenged the id in the script to “#mega-menu-wrap-main_navigation” like this:
jQuery(document).ready(function($) {
var menu = $('#mega-menu-wrap-main_navigation'); // change this to target your menu
// do not edit below this line
$('li.mega-menu-item', menu).on('open_panel', function(e) {
var sub_menu = $('.mega-sub-menu', $(this));
menu.css('margin-bottom', sub_menu.height());
});
$('li.mega-menu-item', menu).on('close_panel', function(e) {
menu.css('margin-bottom', '');
});
});
But it dosent do anything. Is it because this solution isnt compatible with the uplift theme?
Kind regards,
Richard