Mega-menu-content alignment in mega-menu-small

Hi,

I'm using the mega-menu-small class in primary menu nav. However, if the menu is near the right scroll bar, it'll be covered and not visible. See below #1.

I'm wondering if I could change the alignment of Mega-menu-content like #2.

Here is the code

<li class="mega-menu-small"><a href="#"><div>Help Center</div></a>
	<div class="mega-menu-content style-2 clearfix">
		<ul class="mega-menu-column col-md-6">
			<li class="mega-menu-title"><a href="#"><div>Introduction</div></a>
				<ul>
					<li><a href="about.html"><div>About Us</div></a></li>
					<li><a href="about-2.html"><div>About Us - Layout 2</div></a></li>
					<li><a href="about-me.html"><div>About Me</div></a></li>
					<li><a href="team.html"><div>Team Members</div></a></li>
					<li><a href="jobs.html"><div>Careers</div></a></li>
					<li><a href="side-navigation.html"><div>Side Navigation</div></a></li>
					<li><a href="page-submenu.html"><div>Page Submenu</div></a></li>
					<li><a href="sitemap.html"><div>Sitemap</div></a></li>
				</ul>
			</li>
		</ul>
		<ul class="mega-menu-column col-md-6">
			<li class="mega-menu-title"><a href="#"><div>Utility</div></a>
				<ul>
					<li><a href="services.html"><div>Services - Layout 1</div></a></li>
					<li><a href="services-2.html"><div>Services - Layout 2</div></a></li>
					<li><a href="services-3.html"><div>Services - Layout 3</div></a></li>
					<li><a href="faqs.html"><div>FAQs - Layout 1</div></a></li>
					<li><a href="faqs-2.html"><div>FAQs - Layout 2</div></a></li>
					<li><a href="faqs-3.html"><div>FAQs - Layout 3</div></a></li>
					<li><a href="faqs-4.html"><div>FAQs - Layout 4</div></a></li>
					<li><a href="maintenance.html"><div>Maintenance Page</div></a></li>
				</ul>
			</li>
		</ul>
	</div>
</li>

Thank you.

I found the solution. Here is the code for anyone who might have the same problem.

<li class="mega-menu-small"><a href="#"><div>Help Center</div></a>
								<div class="mega-menu-content style-2 clearfix" style="right:0px !important;">
									<ul class="mega-menu-column col-md-6">
										<li class="mega-menu-title" ...>
									</ul>
									<ul class="mega-menu-column col-md-6">
										<li class="mega-menu-title" ...>
									</ul>
								</div>
							</li>