Hi,

I am trying to move the mega menu drop down further to the right. As of now, when you hover over the services menu item the mega menu drop down is so far to the left edge. Here is a screenshot for reference: https://prntscr.com/o1ivvw. 

I tried adding this CSS:

header#top nav >ul >li.megamenu >ul.sub-menu { left: 320px; }

But I feel like that is completely wrong and won't work on all devices. Can you please provide me with the proper method of moving the mega menu drop down?

Thanks!

FYI: I am moving the site to a new domain tonight, so if the URL I provided earlier doesn't work then the site will be here: https://www.christian-internet.com/. Thanks!

I don't know what you mean by trying other styles, but I did try using different CSS classes and changed the menu style (Button Accent Color). Is that what you were talking about? 

Thanks!