Help to Center Menu

[pvillarreal (priscilla)]

/* Give the link some padding and some color */
.fl-page-nav .navbar-nav > li.ss-nav-button {
padding: 10px;
}
.fl-page-nav .navbar-nav > li.ss-nav-button > 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 > li.ss-nav-button > a {
position: relative;
bottom: 5px;
}

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

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

[craiger522]

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

=========================================
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;
}

[pvillarreal (priscilla)]

THANK YOU SO MUCH

It Totally worked!

[pvillarreal (priscilla)]

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

[craiger522]

Yes. 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.

[pvillarreal (priscilla)]

@craiger522

that top row the same width as the other rows on the page. Its c

Thank you so much! I really appreciate it