Help to Center Menu

/* Give the link some padding and some color */
.fl-page-nav .navbar-nav > {
padding: 10px;
.fl-page-nav .navbar-nav > > a {
background-color: #367abe;
color: #ffffff !important;
padding: 5px 18px !important;
border-radius: 5px;

/* Adjust the position for the fixed navigation menu */
.fl-page-header-fixed .fl-page-nav .navbar-nav > > a {
position: relative;
bottom: 5px;

/* Give the button a hover & active state */
.fl-page-nav .navbar-nav > > a:active,
.fl-page-nav .navbar-nav > > a:hover {
color: #ffffff !important;

.at-below-post-homepage.addthis_tool {
display: none;

This is your culprit. Line 308 of style.css. Change text-align to center. :slight_smile:

mega menu style for dropdown variation -"horizontal"
.wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper {
	position: relative;
	text-align: left;
	background: none;


It Totally worked!

One more question…would you by chance know how to align the social icons to the right?

Yes. :slight_smile: Make that top row the same width as the other rows on the page. Its current max-width is 960px, so it’s not able to extend any farther right. The others are 1571.2px. You can adjust the width in the Beaver Builder row settings for that row.

Thank you so much! I really appreciate it

This topic was automatically closed 36 hours after the last reply. New replies are no longer allowed.