For the padding left/right no problem but for the megamenu no, it is in JS.
Could you tell how i can change in JS. I want it to be 50px as well.
The only way I see is to disable the megamenu script and add it to your child theme, then add 50 instead of 30 in the JS file.
Hi,
Is there 30 mentioned in JS file, when i looked at it, it is getting value from CSS ryt? I do not see any 30 in the JS file.
Hi, disable the megamenu script in Theme Panel > Scripts and Styles and add this JS code in a js file in your child theme:
var $j = jQuery.noConflict(),
$window = $j( window );
$j( document ).on( 'ready', function() {
// Mega menu in top bar menu
$j( '#top-bar-nav .megamenu-li.full-mega' ).hover( function() {
var $topBar = $j( '#top-bar' ),
$menuWidth = $topBar.width(),
$menuPosition = $topBar.offset(),
$menuItemPosition = $j( this ).offset(),
$positionLeft = $menuItemPosition.left-$menuPosition.left+1;
if ( $j( 'body' ).hasClass( 'boxed-layout' ) ) {
$positionLeft = $menuItemPosition.left-$menuPosition.left+1;
$positionLeft = $positionLeft-50;
}
$j( this ).find( '.megamenu' ).css( { 'left': '-'+$positionLeft+'px', 'width': $menuWidth } );
} );
// Mega menu in principal menu
$j( '#site-navigation .megamenu-li.full-mega' ).hover( function() {
var $siteHeader = $j( '#site-header-inner' ),
$menuWidth = $siteHeader.width(),
$menuPosition = $siteHeader.offset(),
$menuItemPosition = $j( this ).offset(),
$positionLeft = $menuItemPosition.left-$menuPosition.left+1;
if ( $j( '#site-header' ).hasClass( 'medium-header' ) ) {
$siteHeader = $j( '#site-navigation-wrap > .container' ),
$menuWidth = $siteHeader.width(),
$menuPosition = $siteHeader.offset(),
$positionLeft = $menuItemPosition.left-$menuPosition.left+1;
}
if ( $j( 'body' ).hasClass( 'boxed-layout' ) ) {
$positionLeft = $menuItemPosition.left-$menuPosition.left+1;
$positionLeft = $positionLeft-50;
}
$j( this ).find( '.megamenu' ).css( { 'left': '-'+$positionLeft+'px', 'width': $menuWidth } );
} );
// Megamenu auto width
$j( '.navigation .megamenu-li.auto-mega .megamenu' ).each( function() {
var $li = $j( this ).parent(),
$liOffset = $li.offset().left,
$liOffsetTop = $li.offset().top,
$liWidth = $j( this ).parent().width(),
$dropdowntMarginLeft = $liWidth/2,
$dropdownWidth = $j( this ).outerWidth(),
$dropdowntLeft = $liOffset - $dropdownWidth/2;
if ( $dropdowntLeft < 0 ) {
var $left = $liOffset - 10;
$dropdowntMarginLeft = 0;
} else {
var $left = $dropdownWidth/2;
}
if ( oceanwpLocalize.isRTL ) {
$j( this ).css( {
'right': - $left,
'marginRight': $dropdowntMarginLeft
} );
} else {
$j( this ).css( {
'left': - $left,
'marginLeft': $dropdowntMarginLeft
} );
}
var $dropdownRight = ( $window.width() ) - ( $liOffset - $left + $dropdownWidth + $dropdowntMarginLeft );
if ( $dropdownRight < 0 ) {
$j( this ).css( {
'left': 'auto',
'right': - ( $window.width() - $liOffset - $liWidth - 10 )
} );
}
} );
} );
