Right top menu item drop down items sub menu goes to the right & off the page

[Bitedge]

Hi guys.

In the top navigation bar the far right menu item “Blog” has drop down items with sub menues. The submenue expands further to the right where it is off that page.

How to fix? I guess just having them expand to the left would work but we would only want that for the far right item.

Cheers

http://bitcoin-betting-guide.com/bitcoin-sportsbook-reviews/

[Mohammad – SUPPORT]

Hi,
Please provide wordpress admin login detail so i can give you any solution .
Thanks 🙂
With Best Regards
Swift Ideas

[Bitedge]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
I have resolved your issue so please check .

Thanks 🙂
With Best Regards
Swift Ideas

[Bitedge]

What did you do?

For me that works in chrome but not firefox or explorer

[Mohammad – SUPPORT]

Hi,
Its working me for Firefox too . Please check with hard refresh [CTRL+F5].
Thanks

[Bitedge]

Me too thanks. how did you do it?

[Bitedge]

Not resolved drop down menu still expands off the page when you scroll down and the menu follows you

[Mohammad – SUPPORT]

Hi,
It will be better option if you replace the location of Blog to Dice . It is perfect way otherwise we need more customization in code and that may cause to any other error .
Thanks 🙂
With Best Regards
Swift Ideas

[Bitedge]

That would definitely not be a better option. The only good option is make the items expand to the left when the menu scrolled down just like they now do when the menu is in its normal position. There is no worry about other errors as the solution can be tested on your test flexforms before it is put on mine.

[Mohammad – SUPPORT]

Hi,
Finally ,I have resolved the issue so please check it now .

Thanks

[Bitedge]

Thanks, will it continue to work if I update the theme?

[Mohammad – SUPPORT]

Hi,
It will not continue after update . You have to keep a backup of functions.js at /themes/flexform/js/ always or given below code that was put after line 166

var shakId = jQuery(this).attr('id');
var menuLeftpos = (shakId == 'menu-item-4586'  ||  shakId == 'menu-item-4585' || shakId == 'menu-item-4584' ) ? true: false; 
console.log(shakId+'->'+menuLeft);
if(menuLeftpos){
menuLeft   =  '-202px' ; 
jQuery(this).find('ul.sub-menu:first').css('width', '200px');
}else if(jQuery(this).hasClass( "menu-item-4586" ) || jQuery(this).hasClass( "menu-item-4585" ) || jQuery(this).hasClass( "menu-item-4584" )){
menuLeft   =  '-260px' ;  
}

Thanks

[Bitedge]

Again the far right menu items are flying out of the page, http://www.bitedge.co/ I tried to modify the file as you described and it stoped all fly outs from working, can we please set it to fly out to the left again?

[Mohammad – SUPPORT]

Hi,
Please provide me login detail after installing WPIDE plugin.
Thanks
Mohammad